# Choice component and CSS (still working on it) **URL:** \ **Category:** Ask for Help\ **Created:** [September 8, 2022, 9:43pm UTC](https://community.glideapps.com/t/choice-component-and-css-still-working-on-it/48913 "2022-09-08T21:43:01Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![Fab3r](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fab3r/32/45722_2.png) [@Fab3r](https://community.glideapps.com/u/Fab3r)\ **Post date:** [September 8, 2022, 9:43pm UTC](https://community.glideapps.com/t/choice-component-and-css-still-working-on-it/48913/1 "2022-09-08T21:43:01Z")
One of the main issue (for me) with inline lists is the limitation to collect data from non-connected sources, so you have to move to “Choice” component, so I am trying to style the choice component as clickable buttons/cards This is my current test ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/6/26c6b8716a340e00725c99a71c7ee388f39999cd.jpeg) I am sure it can be improved 🙂 Open to suggestions ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [September 8, 2022, 10:37pm UTC](https://community.glideapps.com/t/choice-component-and-css-still-working-on-it/48913/2 "2022-09-08T22:37:13Z")
you can use inline list as a choice component, just set action, and make an image dynamic… what do you mean “non connected sources”? ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [September 9, 2022, 12:16am UTC](https://community.glideapps.com/t/choice-component-and-css-still-working-on-it/48913/3 "2022-09-09T00:16:37Z")
You can do it like Uzo suggested, just some more steps to make it look “right”. Have a “not selected” and a “selected” version of the image. Something like a checkmark would be good, I think. The rest is about setting up the relations and actions needed to set the image URL to the right column. ---
**Author:** ![Fab3r](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fab3r/32/45722_2.png) [@Fab3r](https://community.glideapps.com/u/Fab3r)\ **Post date:** [September 9, 2022, 7:26am UTC](https://community.glideapps.com/t/choice-component-and-css-still-working-on-it/48913/4 "2022-09-09T07:26:38Z")
Thanks Uzo I am sure I missed something in the relationship ☹ My scenario is this one: - during the user’s onboarding process (step by step process screen connected to the user table) - I would like the user select a picture from a list (avatar table) The two tables (users and avatars) are not-connected and there are no-relationship between them (this is what I mean), so I was thinking about using the choice component. Also the choice component offers already a nice “selected” visual effect, it sounded like a good idea ☹ Thank for your comment! ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [September 9, 2022, 8:28am UTC](https://community.glideapps.com/t/choice-component-and-css-still-working-on-it/48913/5 "2022-09-09T08:28:33Z")
> [@Fab3r](#): > > The two tables (users and avatars) are not-connected and there are no-relationship between them (this is what I mean), so I was thinking about using the choice component. You can do it like this in the Avatars table: - Create a template column and point that to the signed-in user’s email address. - Create a relation from that column to the Users column, relate to the email column. Make it a single match. In the inline list that shows avatars, the action would be setting the avatar URL, through the relation above, to the avatar/profile image column in the Users sheet. The rest is just about making the “chosen” visual looks good. ---
**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\ **Post date:** [September 10, 2022, 8:29am UTC](https://community.glideapps.com/t/choice-component-and-css-still-working-on-it/48913/6 "2022-09-10T08:29:08Z")
This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.