Multirow Choice Component (aka Chips UI)

[Robert_Petitto]

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.

[Lucas_Pires]

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

[ThinhDinh]

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.

[ThinhDinh]

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.

[Robert_Petitto]

Ya…that’s a lot of buttons

[ThinhDinh]

It’s perfectly fine when I move it up

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

[kyleheney]

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.

[Lucas_Pires]

@Robert_Petitto

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

• Single Value (avatar pics)> Random

• 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

[Robert_Petitto]

Love it!

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

[kyleheney]

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

[Lucas_Pires]

Brilliant too!

[Robert_Petitto]

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>

[Lucas_Pires]

@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

[Robert_Petitto]

Right!

[Lucas_Pires]

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

Click on to upvote!

Jungle™

[ThinhDinh]

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

[ThinhDinh]

Works flawlessly now, thanks guys you’re gorgeous.

[Krivo]

Like magic😜

[yinon_raviv]

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