Start Building Professional
Web Apps Today

dhtmlxCombo Display Height

How can I change the display height of a specific Combo Box?

Example: I have two dhtmlxCombo lists side by side:
1 is a list of numeric dates ranging from 1-31. I use XLM to populate. Presently the conbo only displays 1-5. I would like at least 16 rows to display when the Combo drops.
The 2nd list is 5 rows of some char variables. There is no need to extend from the default here to display all the Options.

How do I get each combo to disply the # of rows I want the User to see individually?

Default height of combo defined in dhtmlxcombo.css

.dhx_combo_list{
   position:absolute;
   z-index:30;
   overflow-y:auto;
   overflow-x:hidden;
   border:1px solid black;
   height:100px;


You can define container specific styles if necessary

    <div id="for_combo_1"></div>
    <style>
        #for_combo_1 .dhx_combo_list{
           height:320px;
        }
    </style>