Perspective Dropdown property to show all text

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?

You could add this in the advanced stylesheet

.iaDropdownCommon_options_modal{
width: auto !important
}
2 Likes

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

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

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?

1 Like

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 ?

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.

2 Likes

I will try that, Thanks

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 !

3 Likes