DecSoft Support - Vertical overflow for Dropdown control's lists

Vertical overflow for Dropdown control's lists

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

Take a look at our YouTube channel and subscribe to be notified about new videos!

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

Take a look at some frequently asked questions about us and our products!

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

Amin Mousavi

Hi David,
Hope you are all good and have enjoyed the holidays :)
I have a dropdown with about 40 items in it, high number of items stretches the app too much down. I would like to be able to have the items scrolled, yet could not achieve it with, max-height , overflow it acts on the button alone. Also tried to put it in a container and control the container but still not success. Any suggestions? I have tried select, it is better but dropdowns look better in my app,
Thanks

decsoft

Hello Amin,

Happy New Year! :-) If what you wanted is to apply a "max overflow" to all the Dropdown menus, try with the below CSS code in the Inline CSS app's option or in any CSS added to the app by the Files manager:

.dropdown-menu
{
  height: 200px;
  overflow-y: auto;
}

Additionally, you can be also more specific by apply the above CSS code to a specific Dropdown control, like below:

#Button1DropdownList
{
  height: 200px;
  overflow-y: auto;
}

The above CSS code is applied to the list that is shown for a "Button1" Dropdown control, and no other control.

Purchase one or more licenses of our products if they are useful to you!

Amin Mousavi

Hi David,
Thanks a alot for your quick response. Have a question here, I tried the very same CSS but like below:

.TestClass
{
  height: 200px;
  overflow-y: auto;
}

and entered TestClass into dropdown classes, how come it does not work like that? Perhaps only dropdown's container takes the class like this?

decsoft

Hello Amin,

Yes; you are right: the CSS classes that we can place from the Object inspector, for example, apply to the container of the Dropdown, but, the control HTML markup is composed by more than the container, so, we can't get it working in this way, since we do not apply the CSS code to the right HTML element. Maybe we can go ahead by using the CSS class of the container and then refer to it from the CSS code... but I am not sure if this can have here any advantage: probably the above solutions can be enough.

Purchase one or more licenses of our products if they are useful to you!

Amin Mousavi

Thanks for the clarification David. Much appreciated!

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.