# Perspective Dropdown property to show all text

**URL:** <https://forum.inductiveautomation.com/t/perspective-dropdown-property-to-show-all-text/77996>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [August 17, 2023, 1:29pm UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-property-to-show-all-text/77996 "2023-08-17T13:29:33Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![bmeyers](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bmeyers/32/37453_2.png) [@bmeyers](https://forum.inductiveautomation.com/u/bmeyers)\
**Post date:** [August 17, 2023, 1:29pm UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-property-to-show-all-text/77996/1 "2023-08-17T13:29:33Z")

</div>

Good morning,

I have a Perspective drop down component with entry values that are wider than the drop down component itself. Hence, you cannot read the full entry value in all instances. Is there a way to show the full entry value clearly? Or is this the wrong component for my problem?

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [August 17, 2023, 1:44pm UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-property-to-show-all-text/77996/2 "2023-08-17T13:44:57Z")

</div>

You could add this in the advanced stylesheet

```auto
.iaDropdownCommon_options_modal{
width: auto !important
}

```

---

<div class="post-metadata">

**Author:** ![bmeyers](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bmeyers/32/37453_2.png) [@bmeyers](https://forum.inductiveautomation.com/u/bmeyers)\
**Post date:** [August 22, 2023, 1:21pm UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-property-to-show-all-text/77996/3 "2023-08-22T13:21:50Z")

</div>

This works well for versions after 8.1.21 when the advanced stylesheet was introduced. Thanks.

---

<div class="post-metadata">

**Author:** ![chrisl](https://avatars.discourse-cdn.com/v4/letter/c/58f4c7/32.png) [@chrisl](https://forum.inductiveautomation.com/u/chrisl)\
**Post date:** [April 29, 2025, 2:26am UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-property-to-show-all-text/77996/4 "2025-04-29T02:26:57Z")

</div>

Hi guys, is there a way that this would affect only one dropdown ? I only want this style for certain dropdown of my project.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [April 29, 2025, 2:40am UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-property-to-show-all-text/77996/5 "2025-04-29T02:40:20Z")

</div>

![Dropdown list width](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/7/e77b1bfd5bc4028ed415aefd849e03cb0b3b683b.png)

> **CSS**
>
> ```css
> .iaDropdownCommon_options_modal{
> width: auto !important
> }
> 
> ```

The CSS addition provided by victordcq seems to work correctly for me in Designer on Ver. 8.1.41.  
What problem are you having?

---

<div class="post-metadata">

**Author:** ![chrisl](https://avatars.discourse-cdn.com/v4/letter/c/58f4c7/32.png) [@chrisl](https://forum.inductiveautomation.com/u/chrisl)\
**Post date:** [April 29, 2025, 5:03am UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-property-to-show-all-text/77996/6 "2025-04-29T05:03:18Z")

</div>

Hi there, its working on my end also but it applies on all dropdown, but how can I apply this style on a specific dropdown only ?

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [April 29, 2025, 6:36am UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-property-to-show-all-text/77996/7 "2025-04-29T06:36:17Z")

</div>

You can probably apply a style class to `dropdownOptionStyle` and use this to target a specific popup's options.  
You might be able to directly apply the auto with to this class, or use `::has` to find option modal containers that have that class.

---

<div class="post-metadata">

**Author:** ![chrisl](https://avatars.discourse-cdn.com/v4/letter/c/58f4c7/32.png) [@chrisl](https://forum.inductiveautomation.com/u/chrisl)\
**Post date:** [April 29, 2025, 6:59am UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-property-to-show-all-text/77996/8 "2025-04-29T06:59:34Z")

</div>

I will try that, Thanks

---

<div class="post-metadata">

**Author:** ![chrisl](https://avatars.discourse-cdn.com/v4/letter/c/58f4c7/32.png) [@chrisl](https://forum.inductiveautomation.com/u/chrisl)\
**Post date:** [April 29, 2025, 7:15am UTC](https://forum.inductiveautomation.com/t/perspective-dropdown-property-to-show-all-text/77996/9 "2025-04-29T07:15:36Z")

</div>

I was able to make it work using `::has` method

```python
.psc-DropdownCustomWidth {
	padding: 1px;
}

.iaDropdownCommon_options_modal:has(.psc-DropdownCustomWidth){
	width: auto !important
}

```

thanks for this useful suggestion !