Icon size in Combo

Discontinued products Uncategorized discussions
#1

There doesn’t appear to be a way to set the icon size for a dhtmlXCombo object. I need to change it from what seems to be the default size of 18x18. I add icons using addOption:



theGridCombo.addOption([{value:“businessUnit”,text:“Business Unit”,css:"",img_src:"./codebase/imgs/ico-unit.gif"},

{value:“businessProcess”,text:“Business Process”,css:"",img_src:"./codebase/imgs/ico-business-process.gif"},

{value:“businessSystem”,text:“Business System”,css:"",img_src:"./codebase/imgs/ico-system.gif"}]);



Paul

#2

The icon size not fixed, the native dimension of image used.
if you need to fix it - you can add next css rule


.dhx_combo_list img{
width:18px;
height:18px;
}

#3

The size of the icons may not be fixed in the drop down list, but it’s definitely fixed when the selected option is shown in the selection box.  There is an entry in the dhtmlcombo.css file:

.dhx_combo_option_img{
    position:relative;
    top:1px;
    margin-left:2px;
    left:0px;
    width:18px; height:18px;
}

Which changes the size of the icon for the current selection as displayed in the box (not in the list).  I found that if I use this style entry:

.dhx_combo_option_img{
    width:16px; height:16px;
}

The icon then appears with the correct size in the box. 

Paul