Change CSS dhtmlxCombo?

Suite and Optimus Suite 5
#1

Can I change/adapt the CSS file ??

I mean, a dhtmlxCombo is in a html, with another simple combos.
This other combos are tapestry components, and I didn’t re-write its CSS. This components are rendered on diferent way according the web browser, but dhtmlxCombo has an static CSS ( the same for all web browser )

What can I do to make dhtmlxCombo render diferently according to the browser ?

ej.: ( see combos.jpg )

#2

Locally it is fine:

Безымянный.png699×140 4.23 KB


I added some other color for contrast.
Could you provide us you completed demo test it?
And you used dhtmlx verdion and OS.

#3

Sorry, I can’t provide you a demo…

My main problem it’s with the arrow icon.
That icon is different in each browser, and I don’t specify wich icon it has to use ( for the simple combo, no dhtmlx ).
But the dhtmlxCombo has always the same icon, and I’m trying to render it like the others combos.

pd.: I’m using the latest version of dhtlmxCombo.

#4

You can set your custom combo image (i.e. as default HTML) just to replace combo_select_dhx_skyblue.gif file in dhtmlxCombo\codebase\imgs\ folder.
And using CSS you can make it the same. But at begin styling i recommend you to chouse the most similar combo-skin from dhtmlx skins:
dhtmlx.com/docs/products/dht … _skin.html

#5

“dhtmlx.skin” puts me in the right way ( I hope )

In this example, the combo named “Sync every” has the style of icon that I looking for.
( dhtmlx.com/docs/products/dht … skins.html )

How can I use it ?

#6

It is not combo - it is select.

  1. you can use select instead combo
  2. you can serch this picture and replace with your one in a combo folder, as i mentioned above