# Dropdown

**URL:** <https://community.glideapps.com/t/dropdown/36564>\
**Category:** Ask for Help\
**Created:** [January 1, 2022, 4:06pm UTC](https://community.glideapps.com/t/dropdown/36564 "2022-01-01T16:06:32Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![agung\_Taufik](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/agung_taufik/32/2589_2.png) [@agung\_Taufik](https://community.glideapps.com/u/agung_Taufik)\
**Post date:** [January 1, 2022, 4:06pm UTC](https://community.glideapps.com/t/dropdown/36564/1 "2022-01-01T16:06:32Z")

</div>

![Screenshot 2022-01-01 225516](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/6/46a9b2415adb0a807f90fba3d97beb99b9be6967.png)  
Hi all  
is there a way to make the product price dropdown like the template image below …?  
👇  
 ![Screenshot 2022-01-01 230355](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/4/94b1d8113d61d319e719887d2d2d46b8149e3eb8.png)

to be like this…

 ![WhatsApp Image 2022-01-01 at 23.08.36](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/e/6e6b06748ad4a61cffe62ea74391822b0eaec06b.jpeg)

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [January 1, 2022, 4:35pm UTC](https://community.glideapps.com/t/dropdown/36564/2 "2022-01-01T16:35:15Z")

</div>

You’ll need to use some CSS to style the card detail text. This only works in a details layout because you also need to add a rich text component to enter the CSS.

1. Make sure your layout is a Details layout
2. Add an inline list component and configure it
3. Add a rich text component and add the following CSS

```auto
<pre><span><style>
.card-subtitle {
white-space: pre-wrap !important;
}

```

I’d still like there to be a native option for this. A checkbox that says `wrap text` just like an in-line list \> list layout.

---

<div class="post-metadata">

**Author:** ![agung\_Taufik](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/agung_taufik/32/2589_2.png) [@agung\_Taufik](https://community.glideapps.com/u/agung_Taufik)\
**Post date:** [January 2, 2022, 3:03pm UTC](https://community.glideapps.com/t/dropdown/36564/3 "2022-01-02T15:03:40Z")

</div>

Thank You Lots,  
The way you succeed…

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/6/061cf6b63170aaecedc39bd6457a1be9ce01c074.jpeg)

---

<div class="post-metadata">

**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:** [January 3, 2022, 3:04pm UTC](https://community.glideapps.com/t/dropdown/36564/4 "2022-01-03T15:04:10Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.