Dropdown Height

Hi,
i’m looking for a way to increase the height of the dropdown menu in Perspective: I have a list of 90 object and currently the dropdown it’s displaying just 4 that makes the dropdown difficult to use.
I saw that this can be achieved modifing the css files, in this topic, but ?'m not a web developer and looking at the project backup I can’t find any css files.
Can this be achieved directly in the Designer now? Where can I find the css files?
Thanks

The theme.css is found in the theme module i think. i’ve not really used it.
You can also inject it in a style class which will still work on every dropdown.
If you arent used to css or dont not really gonna use it that often this should work for now.

}.iaDropdownCommon_options_modal {  max-height: 300px;  }{

(300px or whatever you wish, 150px is standard atm)

more info i posted here:

8 Likes

Thanks a lot, that worked.
As you said I created a Style called Dropdown_Tall with the BackgroundImage property as }.iaDropdownCommon_options_modal { max-height: 300px; }{ and just selected it as the dropdown Style.
Regards

1 Like

Choosing it as dropdown style has no effect.
The way this css works will cause it to apply to all dropdowns in the project. No matter what styleclass they have. So you dont have to apply it to any of them specifically :slight_smile:

1 Like

Ok, thanks for the explanation :slightly_smiling_face:

1 Like

God dayum, I’ve been looking for this for ages! Thanks

Update: you can also use other units, most usefully % e.g.
.iaDropdownCommon_options_modal { max-height: 80%; }

3 Likes

Interesting. The percentage is with respect to what?

The height of the browser viewport container that the dropdown is inside of

2 Likes

not sure when this changed, but on 8.1.22 the override is required on a different class

.iaDropdownCommon_options_modal>div:first-child {
    max-height: 80% !important;
}

for some reason, this is being applied AFTER my custom theme so I needed the important modifer.

3 Likes