# Create Drop Down List

**URL:** <https://community.glideapps.com/t/create-drop-down-list/20250>\
**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:** 13\
**Page:** 2

<div class="post-metadata">

**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:51pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/21 "2020-12-24T18:51:07Z")

</div>

Same here, I’m trying to convert everything over to Glide, but there are just so many limitiations still.

---

<div class="post-metadata">

**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, 7:13pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/22 "2020-12-24T19:13:54Z")

</div>

Oh right right, kind of like when I was adding a BG to an image using the CSS.

---

<div class="post-metadata">

**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, 7:34pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/23 "2020-12-24T19:34:17Z")

</div>

It worked perfectly, thank you! Only thing is I would like a space between the Hours of Operation title and Monday’s hours. When I remove that extra \< br \> it’s right up under it, when I add it back, there is too much space between the drop-down menu and the next component.  
 ![times13](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/c/6c249ec2feea698c826806759ae3cb445cf3acef.png) ![times12](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/0/e08b88b25496d4af2dd35d5af1af88acb4cdd76b.png)

---

<div class="post-metadata">

**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:** [December 24, 2020, 8:19pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/24 "2020-12-24T20:19:55Z")

</div>

Another wild idea throughout this topic

> [@Menu Accordion](https://community.glideapps.com/t/menu-accordion/10771):
>
> Testing some new features, I decided to create a Menu Accordion using our new Increment action. Remembering we can customize it using images also! Tell me what you think grin This app I’ll test and also create some new features with glide’s lasts updates. Soon I bring more updates about it [Untitled\_ Jun 12, 2020 11\_45 PM]

---

<div class="post-metadata">

**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, 9:57pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/25 "2020-12-24T21:57:39Z")

</div>

Is your break in the summary or in the details?

---

<div class="post-metadata">

**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, 11:24pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/26 "2020-12-24T23:24:32Z")

</div>

This is right. I figured out the details and summary part via this forum haha. It’s pretty safe.

---

<div class="post-metadata">

**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, 11:27pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/27 "2020-12-24T23:27:02Z")

</div>

Can you try using something like.

```
<p>Hours of operation</p>

```

Basically put `<p>` around the hours of operation to make its own block. Not entirely sure if it works.

---

<div class="post-metadata">

**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 25, 2020, 12:03am UTC](https://community.glideapps.com/t/create-drop-down-list/20250/28 "2020-12-25T00:03:30Z")

</div>

In the summary, let me try in the details on top of Mondays instead below Hours of Operation! Yes, it worked. Thanks!

Thank you as well @ThinhDinh !

---

<div class="post-metadata">

**Author:** ![profechef](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/profechef/32/221_2.png) [@profechef](https://community.glideapps.com/u/profechef)\
**Post date:** [December 25, 2020, 11:42am UTC](https://community.glideapps.com/t/create-drop-down-list/20250/29 "2020-12-25T11:42:43Z")

</div>

I’ve made it without HTML with a selfrelation as @Jeff_Hager points out. To avoid de ‘\>’ simbol I use a blank cell both for caption and image. The only downside is that I can’t remove the bottom line

[![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/a/dadd2a38d6da47bfbe377bd0ff06657bf26422a4.jpeg "Glideapp: Collapsable text") ](https://www.youtube.com/watch?v=FM91pH3zBoA)

---

<div class="post-metadata">

**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 25, 2020, 3:12pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/30 "2020-12-25T15:12:38Z")

</div>

@profechef Try it with the Cards style instead of List. It gets rid of bottom line and gives you a few more choices for how it looks.

---

<div class="post-metadata">

**Author:** ![4pgorinich](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/4pgorinich/32/35387_2.png) [@4pgorinich](https://community.glideapps.com/u/4pgorinich)\
**Post date:** [December 10, 2021, 1:43am UTC](https://community.glideapps.com/t/create-drop-down-list/20250/31 "2021-12-10T01:43:33Z")

</div>

can u share code for this amazing table design?

---

<div class="post-metadata">

**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 10, 2021, 2:10am UTC](https://community.glideapps.com/t/create-drop-down-list/20250/32 "2021-12-10T02:10:32Z")

</div>

Here is a similar example that includes a sample of the HTML/CSS, and explains how the table is generated.

> [@zap Rich Text \> Actions!](https://community.glideapps.com/t/rich-text-actions/27273/12):
>
> Sure! One thing that isn’t obvious from the screen shot is that two of those tables are collapsable: That’s done in the usual way, using HTML \<details\>\<summary\> tags. Although getting it to play nicely with the tables was a bit fiddly. Anyway… I used [HTML Table Styler ▦ CSS Generator | 𝗗𝗜𝗩𝗧𝗔𝗕𝗟𝗘.𝗖𝗢𝗠](https://divtable.com/table-styler/) to come up with the basic table structure and CSS, and then butchered the CSS until I got it looking how I wanted. My CSS-fu is not very strong, so I suspect there is a lot of bloat the…

---

<div class="post-metadata">

**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\
**Post date:** [January 17, 2024, 4:49pm UTC](https://community.glideapps.com/t/create-drop-down-list/20250/33 "2024-01-17T16:49:39Z")

</div>

Closed on January 17, 2024, 4:49pm UTC



[Previous page](https://community.glideapps.com/t/create-drop-down-list/20250.md?page=1)
