Multirow Choice Component (aka Chips UI)

Was going to try to use your image-selector trick to select an avatar, but then I realized that because you’re using a user-specific column, other users wouldn’t be able to see the avatar you selected.

1 Like

Idk your app flow, but, as @Jeff_Hager says…

A wild thought:

If you use a Form button you could:

  • Create a second column with ID Wallpaper (like 1 - 10), and use the increment to get the wallpaper ID,
  • Relation to get which wallpaper was chosen
2 Likes

I was trying to use Bob’s side-by-side button but seems like my buttons were pushed far down the screen. What can be the cause of this? Thank you for your time, this is gorgeous.

1 Like

Changed width to 25% and seems it was closer to be seen haha.

I have a lot of conditional visibility here for multiple buttons, probably that was the cause.

1 Like

Ya…that’s a lot of buttons :wink:

1 Like

It’s perfectly fine when I move it up :laughing:

Gotta think how I can restructure the screen to not push it down…

1 Like

Would a “position: absolute” help at all? Or maybe add a margin-bottom value or padding-bottom to bump it up from the bottom? May result in empty space at the bottom of the page though.

2 Likes

@Robert_Petitto

Another wild idea without Form button and not using user-specifc:

  • Single Value (avatar pics)> Random

image

  • Sort the inline when email is signed-in user and sort as Random
  • Add a Reshuffle button
  • Create a second column with ID AvatarUser
  • Single relation: SValue Avatar > Pic Avatar
  • Lookup to get the ID Avatar
  • Use this Lookup ID Avatar as Implement by
  • Same process: SRelation > Lookup

And use the last Lookup as Chosen Avatar, and set the visibility to appear and disappear what you want

Boom :boom:

2 Likes

Love it!

Here’s what I did to avoid a form button:

10 Likes

Wow that single required choice that looks like a button is a wicked idea. Very nice… definitely using that!

3 Likes

Brilliant too!

2 Likes

You can use CSS to style the choice component to make it look identical to a button as well!

<span><style>
.ips-inner {min-height:44px;
border-radius: 7px !important;
}
[data-test=app-inline-picker-item]
{font-weight:600;}
</style></span>

4 Likes

@Deena @Robert_Petitto, I don’t know if you try it (and I forgot to say because it’s in portuguese), but this option you pick your own background image

1 Like

Right!

2 Likes

Look how happy Minions are with an Upvoted button!
We should add to our Features Request app :joy:

Click on :point_right: :heart: to upvote!

Untitled_ Sep 30, 2020 11_34 PM

4 Likes

Holy hell it took me 30 minutes to remember we have a native way to do that. Separators come to the rescue.

4 Likes

Works flawlessly now, thanks guys you’re gorgeous.

3 Likes

2 Likes

Like magic😜

1 Like

What do they do? Rae they writing to the sheet? How?

1 Like