# Dropdown Resize Perspective **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [January 4, 2024, 6:42pm UTC](https://forum.inductiveautomation.com/t/dropdown-resize-perspective/83806 "2024-01-04T18:42:31Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![keith.lyding](https://avatars.discourse-cdn.com/v4/letter/k/b77776/32.png) [@keith.lyding](https://forum.inductiveautomation.com/u/keith.lyding)\ **Post date:** [January 4, 2024, 6:42pm UTC](https://forum.inductiveautomation.com/t/dropdown-resize-perspective/83806/1 "2024-01-04T18:42:31Z")
Apologies if this has already been addressed 😅...haven't been able to find this issue on the site. Anyway, I'm trying to change the height of a dropdown box (to show more options) when selecting something inside of it. Is there a prop/parameter I need to add? I have added and changed anything I can find that seems related (under the dropdownOptionStyle prop). Not sure if that's even where this would be configured. Would appreciate your help on this. Thanks! ---
**Author:** ![Brandon\_Peterson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/brandon_peterson/32/32960_2.png) [@Brandon\_Peterson](https://forum.inductiveautomation.com/u/Brandon_Peterson)\ **Post date:** [January 4, 2024, 7:25pm UTC](https://forum.inductiveautomation.com/t/dropdown-resize-perspective/83806/2 "2024-01-04T19:25:48Z")
You're going to need `stylesheets.css` to pull this one off. A few things to establish: 1. The `dropdownOptionStyle` applies to the individual options, not to the container itself. 2. The container is a modal, a free-floating div that we need to capture and modify a. Resize your screen with a dropdown open to see what I mean by "free-floating" What you'll need to do is this: First, add the `extended-dropdown` (or whatever name you want to give it) to your `dropdownOptionStyle.classes` property. _The other styles don't matter here._ ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/9/2955c4e09ee7c00dc2ade21bb69289102b0aeaba.png) Then add the following code to your `stylesheet.css`: ```css div.iaDropdownCommon_options_modal:has(> div > div > div.iaDropdownCommon_options > a.iaDropdownCommon_option.psc-extended-dropdown) { border: 5px dotted blue; /*Only for illustration purposes*/ max-height: 500px !important; /*Set this to whatever you want, default is 350px.*/ } ``` _Remember to match the `extended-dropdown` name between the `classes` and css above._ If you've done exactly as I have (silly borders and all), your dropdown should go from looking like the one on the left to the one on the right. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/5/65fb97ebbd7aee6c5b24f9eda841ca1474ac6cca.png) Here's a screenshot of the html and css so you can have an idea of why we have to do it this way (unless there's another more sane method lol). ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/9/d9598afe36d3b665a9eb7c11258e530a11a0cfd0.png) ---
**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\ **Post date:** [January 4, 2024, 7:27pm UTC](https://forum.inductiveautomation.com/t/dropdown-resize-perspective/83806/3 "2024-01-04T19:27:50Z")
As of 8.1.29 there's `minMenuHeight` and `maxMenuHeight` properties available on the dropdown: [https://docs.inductiveautomation.com/display/DOC81/Perspective+-+Dropdown](https://docs.inductiveautomation.com/display/DOC81/Perspective+-+Dropdown) But those only change the _height_ - your description is a little unclear (length could be along either axis) - if you're trying to make the _width_ greater than the component itself, then you'll need the stylesheet. ---
**Author:** ![Brandon\_Peterson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/brandon_peterson/32/32960_2.png) [@Brandon\_Peterson](https://forum.inductiveautomation.com/u/Brandon_Peterson)\ **Post date:** [January 4, 2024, 7:29pm UTC](https://forum.inductiveautomation.com/t/dropdown-resize-perspective/83806/4 "2024-01-04T19:29:47Z")
I did not see that there 😅 Do prefer this option if you don't need more width! ---
**Author:** ![keith.lyding](https://avatars.discourse-cdn.com/v4/letter/k/b77776/32.png) [@keith.lyding](https://forum.inductiveautomation.com/u/keith.lyding)\ **Post date:** [January 4, 2024, 7:32pm UTC](https://forum.inductiveautomation.com/t/dropdown-resize-perspective/83806/5 "2024-01-04T19:32:39Z")
Thanks. Unfortunately I'm stuck on 8.1.7 for a little while. IT is afraid to upgrade at this point. But I'm trying to change the height (I want the dropdown to include more available selections). Thank you anyway ---
**Author:** ![keith.lyding](https://avatars.discourse-cdn.com/v4/letter/k/b77776/32.png) [@keith.lyding](https://forum.inductiveautomation.com/u/keith.lyding)\ **Post date:** [January 4, 2024, 7:34pm UTC](https://forum.inductiveautomation.com/t/dropdown-resize-perspective/83806/6 "2024-01-04T19:34:00Z")
Thanks for the detailed help! I am pretty new to Ignition (~2 yrs, but not a lot of development), and I've been using Perspective for maybe 6mos. What is stylesheets.css? ---
**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\ **Post date:** [January 4, 2024, 7:35pm UTC](https://forum.inductiveautomation.com/t/dropdown-resize-perspective/83806/7 "2024-01-04T19:35:08Z")
You're on such an old version you don't have the stylesheet either. You _really_ need to upgrade. ---
**Author:** ![keith.lyding](https://avatars.discourse-cdn.com/v4/letter/k/b77776/32.png) [@keith.lyding](https://forum.inductiveautomation.com/u/keith.lyding)\ **Post date:** [January 4, 2024, 7:36pm UTC](https://forum.inductiveautomation.com/t/dropdown-resize-perspective/83806/8 "2024-01-04T19:36:36Z")
Bummer. Thank you...I'm in the middle of a small project, and there have been so many things I've had to do that would have been soo much easier if I could upgrade to the newest version. I'll start putting IT's feet to the fire on this. Appreciate your help ---
**Author:** ![Brandon\_Peterson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/brandon_peterson/32/32960_2.png) [@Brandon\_Peterson](https://forum.inductiveautomation.com/u/Brandon_Peterson)\ **Post date:** [January 4, 2024, 7:38pm UTC](https://forum.inductiveautomation.com/t/dropdown-resize-perspective/83806/9 "2024-01-04T19:38:17Z")
Maybe this deserves its own thread, but what reasons (besides nicer development tools) could we give a customer to upgrade when they're hesitant about the risks of downtime? And what is a safe version to upgrade to, given that a couple versions were retracted after first being released? (looking at you, v8.1.29 and v8.1.34) ---
**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\ **Post date:** [January 4, 2024, 7:45pm UTC](https://forum.inductiveautomation.com/t/dropdown-resize-perspective/83806/10 "2024-01-04T19:45:22Z")
"Safe" can only be reliably determined by loading your gateway backup into an isolated test system with the new version with substitutes for databases and devices. If you have a good gateway backup and a decent downtime window, and the new version is ~ week old, your odds are good for an upgrade in place. 🙄 But with the option to reinstall old and restore the backup. I also like to take a filesystem snapshot just prior to an upgrade in place, so a revert is super-fast.