# Create Drop Down List **URL:** \ **Category:** Ask for Help\ **Created:** [December 24, 2020, 6:02am UTC](https://community.glideapps.com/t/create-drop-down-list/20250 "2020-12-24T06:02:49Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\ **Post date:** [December 24, 2020, 6:02am UTC](https://community.glideapps.com/t/create-drop-down-list/20250/1 "2020-12-24T06:02:49Z")
Hi! Is there a way I can create a drop-down for a set of columns? My example is seen in hours of operation. Instead of having them all listed out, a drop-down list would be nice. Thanks! ![times1](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/d/0dda5e9fe0f9bf9f29ad59f9239429048c891ea2.png) ---
**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:** [December 24, 2020, 6:26am UTC](https://community.glideapps.com/t/create-drop-down-list/20250/2 "2020-12-24T06:26:41Z")
@Jen_NYCP Quick thought - How about using a show/hide switch. If true = show else hide > **[Switch & Checkbox](https://docs.glideapps.com/all/reference/components/buttons/switch)** > > Toggle true/false values ---
**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:** [December 24, 2020, 8:18am UTC](https://community.glideapps.com/t/create-drop-down-list/20250/3 "2020-12-24T08:18:15Z")
![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/6/66ae4dea64c1dc3208654833b686254bf4460879.jpeg) Something like this? ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/c/8c3475d75fdf4ffd24acc1287713b439801394b5.jpeg) ---
**Author:** ![PabloMFalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablomfalero/32/31166_2.png) [@PabloMFalero](https://community.glideapps.com/u/PabloMFalero)\ **Post date:** [December 24, 2020, 8:51am UTC](https://community.glideapps.com/t/create-drop-down-list/20250/4 "2020-12-24T08:51:36Z")
That’s what I’ve done in the past, then add a basic table with the info. Although @ThinhDinhlooks neat ---
**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\ **Post date:** [December 24, 2020, 3:43pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/5 "2020-12-24T15:43:01Z")
Oh yes! That would work perfectly. ---
**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\ **Post date:** [December 24, 2020, 3:48pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/6 "2020-12-24T15:48:28Z")
Oh, so the switch would be titled ‘Show Hours’ or the like? ---
**Author:** ![Drearystate](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drearystate/32/49605_2.png) [@Drearystate](https://community.glideapps.com/u/Drearystate)\ **Post date:** [December 24, 2020, 5:07pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/7 "2020-12-24T17:07:02Z")
@ThinhDinh you are not making these in glide correct? ---
**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:** [December 24, 2020, 5:30pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/8 "2020-12-24T17:30:22Z")
It’s just Details and Summary html tags in a Rich Text component. ---
**Author:** ![Drearystate](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drearystate/32/49605_2.png) [@Drearystate](https://community.glideapps.com/u/Drearystate)\ **Post date:** [December 24, 2020, 5:31pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/9 "2020-12-24T17:31:20Z")
Thats what I thought you were doing. I was thinking I might of missed a new feature. ---
**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:** [December 24, 2020, 5:49pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/10 "2020-12-24T17:49:11Z")
Not sure I get what you mean there… I was just trying to replicate what @ThinhDinh had done using a combination of Action Text + Rich Text components. ![Screen Shot 2020-12-25 at 1.43.16 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/3/2341647987b90c55162e15e0d904c5819cfbcd4c.jpeg) ![Screen Shot 2020-12-25 at 1.43.35 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/5/65f471259a4d6b9562dde4bf18a833349a929713.jpeg) It works, but because I’m using Action Text for the toggle, I can’t get rid of the arrow indicator on the right. Is there a better way to do this? (I know I could probably use some CSS to get rid of it, but trying to avoid that) ---
**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:** [December 24, 2020, 5:56pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/11 "2020-12-24T17:56:15Z")
It’s entirely within a Rich Text component. Like this. > **Summary Goes Here** > > ...this is hidden, collapsable content... ```auto
Summary Goes Here ...this is hidden, collapsable content...
``` It’s HTML, which is technically not allowed, but I feel it’s pretty safe. ---
**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:** [December 24, 2020, 5:57pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/12 "2020-12-24T17:57:35Z")
oh, right… duh! ---
**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:** [December 24, 2020, 6:00pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/13 "2020-12-24T18:00:47Z")
@Jen_NYCP you got it 😉 ---
**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:** [December 24, 2020, 6:02pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/14 "2020-12-24T18:02:31Z")
If you still wanted to experiment with your method, I do stuff like that with a self multiple relation and an inline list in the Cards layout. The action on the list item sets a column value that determines visibility in the following list. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/e/6ea071cbfad7f803f590ca6a7f939be4168ca5d8.png) When I tap on it, the sort order of the following list changes by hiding one list and showing another. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/8/98f22c85f9544d2d70e74c09020e0806e31f963a.png) The ‘Log History’ and ‘Sort Date’ are contained within an inline list Card. ---
**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:** [December 24, 2020, 6:06pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/15 "2020-12-24T18:06:17Z")
Nice, thanks. I’ll have a play with that. ---
**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\ **Post date:** [December 24, 2020, 6:26pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/16 "2020-12-24T18:26:07Z")
OHH! How do I pull data into that? The hours are already listed in columns on a sheet. ---
**Author:** ![Drearystate](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drearystate/32/49605_2.png) [@Drearystate](https://community.glideapps.com/u/Drearystate)\ **Post date:** [December 24, 2020, 6:27pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/17 "2020-12-24T18:27:38Z")
I think the HTML Gurus of Glide should make a Topic showing some great HTML usage and design. I will be honest, HTML isn’t my strong suit. I would like to be better at it. ---
**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:** [December 24, 2020, 6:33pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/18 "2020-12-24T18:33:28Z")
You can build the entire thing in a template column and display the template column in a rich text component. ---
**Author:** ![Drearystate](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drearystate/32/49605_2.png) [@Drearystate](https://community.glideapps.com/u/Drearystate)\ **Post date:** [December 24, 2020, 6:36pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/19 "2020-12-24T18:36:13Z")
I was just thinking about this as well as having columns predetermind and use if then else to change them accordingly. What are some other html uses you have implemented Jeff? ---
**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:** [December 24, 2020, 6:48pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/20 "2020-12-24T18:48:37Z")
I was using CSS for floating buttons, but got rid of that now that we have native floating buttons. In the past I have done minor text color changes with CSS and/or Font tags. My biggest use of html is for building dynamic html tables. I just could not get tables to look good using markdown only, so I had to resort to building them in html combined with CSS to build the border and alternating greybar. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/2/a2d743b9308dca045e4daa1a1f97babcafd264b4.png) Other than that, I’ll play around with a few CSS tricks, but for the most part I try to do as much as I can using the native Glide functionality. [Next page](https://community.glideapps.com/t/create-drop-down-list/20250.md?page=2)