# The Magic Inline List that thinks it's a Choice Component šŸ˜± **URL:** \ **Category:** Project Showcase\ **Created:** [March 28, 2021, 3:52pm UTC](https://community.glideapps.com/t/the-magic-inline-list-that-thinks-its-a-choice-component/24834 "2021-03-28T15:52:57Z")\ **Posts on this page:** 13\ **Page:** 1
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [March 28, 2021, 3:52pm UTC](https://community.glideapps.com/t/the-magic-inline-list-that-thinks-its-a-choice-component/24834/1 "2021-03-28T15:52:57Z")
I just _had_ to share this, because Iā€™m so damned excited that we (@SantiagoPerez and myself) actually made it work. šŸ˜‚ šŸ˜‚ šŸ„³ šŸ„³ So whatā€™s going on there?? - Itā€™s an Inline List using a Tiles Layout, but each row of tiles is behaving like an individual choice component - The tiles are arranged in ā€œpairsā€ where the words in the left column of tiles have opposite meanings to the words in the right column - As each tile is tapped, the word in the tile is added to the list shown at the top - Tap the tile again, and the word is removed from the list - The use case is we want the user to be able to select either one of each pair, or neither - but _NOT_ both - And thatā€™s where the ā€œmagicā€ kicks inā€¦ because selecting a tile where the opposing tile is already selected will cause that opposing tile to be de-selected and removed from the list. - Why is that magic? Because each word is in a different spreadsheet rowā€¦ HUGE kudos to @SantiagoPerez for helping me to get this working. Weā€™ve been bouncing ideas off each other for a couple of days, and finally cracked it on a marathon hangout call earlier today. It was a lot of fun šŸ˜‚ (And also @Jeff_Hager - we used your [Reset Multiple Rows](https://community.glideapps.com/t/reset-multiple-rows-at-once/22211) example as a starting point) ~~Edit: oh, and @Lucas_Pires or @Robert_Petitto weā€™d love some CSS that we could apply to change the background colour of ā€œselectedā€ tiles. Thatā€™s the one bit we havenā€™t figured out yet. The bit of research Iā€™ve done leads me to believe it may not be possible without javascript. Especially flipping the colour of opposing tilesā€¦~~ scratch that, [not necessary](https://community.glideapps.com/t/the-magic-inline-list-that-thinks-its-a-choice-component/24834/10) šŸ˜ ---
**Author:** ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)\ **Post date:** [March 28, 2021, 4:00pm UTC](https://community.glideapps.com/t/the-magic-inline-list-that-thinks-its-a-choice-component/24834/2 "2021-03-28T16:00:39Z")
Magic! another work of art this month. Congratulations @Darren_Murphy & @SantiagoPerez ! Okay, when am I getting my free copy šŸ¤£ šŸ¤£ šŸ¤£ ---
**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\ **Post date:** [March 28, 2021, 4:27pm UTC](https://community.glideapps.com/t/the-magic-inline-list-that-thinks-its-a-choice-component/24834/3 "2021-03-28T16:27:50Z")
šŸ‘ This is fantastic ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [March 28, 2021, 5:25pm UTC](https://community.glideapps.com/t/the-magic-inline-list-that-thinks-its-a-choice-component/24834/4 "2021-03-28T17:25:21Z")
Rather than CSS, could you have a IF column to display a different image based on if an item is selected or not? ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [March 28, 2021, 5:42pm UTC](https://community.glideapps.com/t/the-magic-inline-list-that-thinks-its-a-choice-component/24834/5 "2021-03-28T17:42:00Z")
Ooh, thatā€™s a thought. Weā€™re not using any images at the moment. But we couldā€¦ ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [March 28, 2021, 6:04pm UTC](https://community.glideapps.com/t/the-magic-inline-list-that-thinks-its-a-choice-component/24834/6 "2021-03-28T18:04:01Z")
Thatā€™s what I do in my calculator. The background images changes based on certain conditions. ---
**Author:** ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)\ **Post date:** [March 28, 2021, 6:10pm UTC](https://community.glideapps.com/t/the-magic-inline-list-that-thinks-its-a-choice-component/24834/7 "2021-03-28T18:10:33Z")
Do you actually need CSS for thatā€¦can you not achieve that via an ITEā€¦if selected one colour, if not another colourā€¦? edit like jeff mentioned. ---
**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\ **Post date:** [March 28, 2021, 6:32pm UTC](https://community.glideapps.com/t/the-magic-inline-list-that-thinks-its-a-choice-component/24834/8 "2021-03-28T18:32:11Z")
Congrats @Darren_Murphy! ---
**Author:** ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)\ **Post date:** [March 28, 2021, 9:07pm UTC](https://community.glideapps.com/t/the-magic-inline-list-that-thinks-its-a-choice-component/24834/9 "2021-03-28T21:07:23Z")
los odio a los 2: @SantiagoPerez & @Darren_Murphy !! Now, I have more work to do and learn šŸ¤£ Great solution! ---
**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\ **Post date:** [March 29, 2021, 6:25am UTC](https://community.glideapps.com/t/the-magic-inline-list-that-thinks-its-a-choice-component/24834/10 "2021-03-29T06:25:41Z")
> [@Jeff\_Hager](#): > > Rather than CSS, could you have a IF column to display a different image based on if an item is selected or not? Sometimes the simplest option is right in front of your nose šŸ¤£ šŸ˜‚ [https://www.loom.com/share/cdc64dce251a442694b7d01cd656fa4c](https://www.loom.com/share/cdc64dce251a442694b7d01cd656fa4c) ---
**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\ **Post date:** [March 31, 2021, 9:22am UTC](https://community.glideapps.com/t/the-magic-inline-list-that-thinks-its-a-choice-component/24834/11 "2021-03-31T09:22:46Z")
@Wiz.Wazeer, Here you go. > **[Inline list = Choice component](https://third-orange-2661.glideapp.io/)** I hope it is what you were expecting. šŸ¤£ Edit: if you get to improve it. Please, share it with us. ---
**Author:** ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)\ **Post date:** [March 31, 2021, 9:25am UTC](https://community.glideapps.com/t/the-magic-inline-list-that-thinks-its-a-choice-component/24834/12 "2021-03-31T09:25:25Z")
Awwwww my brothers! Thank you so much šŸ˜ŠšŸ¤©šŸ¤©šŸ¤©šŸ¤© Great job! Iā€™ll try to improve but I doubt I could ! ---
**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\ **Post date:** [May 21, 2021, 8:50am UTC](https://community.glideapps.com/t/the-magic-inline-list-that-thinks-its-a-choice-component/24834/13 "2021-05-21T08:50:06Z")
Damn salute you guys šŸ˜°