Scrollable DropDown

#1 · January 23, 2021, 3:02 pm

This is a very quick and useful tip.
If you need to add many options to a DropDown object just add this CSS to Project > Properties > Style and your list will become scrollable.

.dropdown-menu{
    height: auto;
    width:200px;
    max-height: 150px;
    overflow-x: hidden;
}

You can change the with and max-height values to your own needs.
Sample app attached.

Regards.

Uploaded files:

dropdown-scrollable.neoapp

asmat and Palamar have reacted to this post.

#2 · January 23, 2021, 3:12 pm

If you add this CSS the DropDown will be shown onhover instead than onclick:

.dropdown:hover .dropdown-menu {
        display: block;
}

asmat has reacted to this post.

#3 · January 23, 2021, 3:30 pm

Thanks for the tip !!

#4 · June 14, 2021, 1:28 pm

On mobile viewer the scroll goes to pop up !

#5 · June 18, 2021, 2:53 pm

@see_half, use neoMenu Plugin to mobile it works normal, it does not create a popup, see the attached video.

Uploaded files:

neoMenu.mp4

Scrollable DropDown - Forum

Scrollable DropDown