Background color of ToolBar-Input ?

Suite and Optimus Suite 5
#1

Hello

Is there a way to change the background color of ToolBar’s Input field?

Thank you

#2

Hello
Yes, you can do it applying the next css:

.dhx_toolbar_base_18_dhx_skyblue div.dhx_toolbar_btn .inp, .dhx_toolbar_base_24_dhx_skyblue div.dhx_toolbar_btn .inp, .dhx_toolbar_base_32_dhx_skyblue div.dhx_toolbar_btn .inp, .dhx_toolbar_base_48_dhx_skyblue div.dhx_toolbar_btn .inp { background-color: some_color; }

#3

Hmm … happens nothing … what i’m doing wrong?

#4
  • i have 4 input fields in my toolbar and want to change the style of 1 specified (“test_1”)
  • is there also a way to set the alignment of the input fields? (i need to center them)

Thank you in advance

#5

Please, provide me code snippets of initialization of your tabbar (skin, icon size and dhtmlx version).

#6

Got it:

var item = ToolBar.objPull[ToolBar.idPrefix+"field1"].obj.firstChild;
item.style.backgroundColor = "#900";
item.style.color = "#FFF";
item.style.fontWeight = "bold";
item.style.textAlign = "center";

Is this ok or is it a bad way ?

#7

It’s ok. It is the same as i’ve provided you. But i set it in the tag, and you set it by script.

#8

Thank you