Perspective Dropdown property to show all text

Ignition
,
1

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?

2

You could add this in the advanced stylesheet

.iaDropdownCommon_options_modal{
width: auto !important
}
3

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

4

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

5

Dropdown list width
Dropdown list width727Ɨ214 16.5 KB

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?

6

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 ?

7

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.

8

I will try that, Thanks

9

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

.psc-DropdownCustomWidth {
	padding: 1px;
}

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

thanks for this useful suggestion !