How to customize the height of the combo box dropdown list

Hi,

I am new to outsystems. I didn't understood how to decrease the height of the combobox list.

I tried to decrease the height by overriding the classes but I didn't see any particular classes for dropdown.

Hi trinusha ,

As you can see in the snapshot you can change the height and width here.

Hope this will help you


regards,

Amreen

Hi! 

The combobox must have all the options possible. 

You mean you want to change the font dimensions or the number of options? This last is not a good idea...

Regards

Graça

Hi trinusha


Try something like 

"document.getElementById('"+ myTitleComboSelect.Id + "').size = '8';"

Amreen Shaikh wrote:

Hi trinusha ,

As you can see in the snapshot you can change the height and width here.

Hope this will help you


regards,

Amreen


Hi Amreen,

I am speaking about the combo box list (dropdown height) not about the widget.

Regards,

Trinusha

Maria da Graça Peixoto wrote:

Hi! 

The combobox must have all the options possible. 

You mean you want to change the font dimensions or the number of options? This last is not a good idea...

Regards

Graça


Hi Maria,

I didn't understand what you said. I am thinking about changing the height of the dropdown list, If I have more items in list then the remaining elements will be visible with the help of scroll bar. why I am trying to change the heightof dropdownlist because it is looking little bit awkward with more height.


Regards,

Trinusha.

Alberto Ferreira wrote:

Hi trinusha


Try something like 

"document.getElementById('"+ myTitleComboSelect.Id + "').size = '8';"


Hi Alberto,

Are you saying like to assign number of item in the list.

Regards,

Trinusha.


Yes, Max Number of items. Trinusha



Alberto Ferreira wrote:

Yes, Max Number of items. Trinusha



Hi Alberto,

I tried to change in that way but it turned to list box instead of combo box :)

This is the query which I kept 

SyntaxEditor Code Snippet

"document.getElementById('"+ PlantComboBox.Id + "').size = '8';"


Regards,

Trinusha.


Sorry Trinusha

I didn't had the oportunity to help you.


Try

"document.getElementById('"+ PlantComboBox.Id + "').length = '8';"


Regards