Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Paul K on Aug 13, 2008 11:57
open dhtmlx forum
Icon size in Combo

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
Answer posted by Support on Aug 14, 2008 01:20
The icon size not fixed, the native dimension of image used. 
if you need to fix it - you can add next css rule

<style>
.dhx_combo_list img{
     width:18px;
      height:18px;
}
</style>
Answer posted by Paul K on Aug 14, 2008 10:16
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