Start Building Professional
Web Apps Today

Rollovers on combo?

Does combo box have the ability to add a colour on rollover so people can see which item they are rolling over like the default html combo does?

James

It can be only partially by adding next css class

.dhx_combo_list div:hover{
    background-color:#C8D7E3;
}

( it will not work for IE )

Basically with some code modification it can be hardcoded for all browsers.

Ive managed to write a fix that works in IE as well for a rollover in the combo.

Replace
.dhx_combo_list div{
cursor:pointer;
padding:2px 2px 2px 2px;
}

with this:
.dhx_combo_list div{
cursor:pointer;
padding:2px 2px 2px 2px;
background-color: expression(
this.onmouseover = function() { this.className += ' rollover'; },
this.onmouseout = function() { this.className = this.className.replace('rollover', ''); });
}

then add this:
.rollover {
 background-color: red;
}


and for firefox just add

.dhx_combo_list div:hover {
background-color:red;
cursor: pointer;
}

Little hack there that people may find comes in handy

James