Toolbar styling

I want to style a toolbar with my own css style.

I can see the toolbar has types of “MainBar, SubBar, TransparentBar”, but I want my own.

I have a MainBar at the top and a SubBar at the bottom and I only want to style the SubBar.

How can I achieve this?

You can define toolbar as

{ view:“toolbar”, type:“MyBar”, //any type name can be used

in such case, custom css rules for that toolbar can be set as

.dhx_toolbar.dhx_mybar{
  //your styles
}

Also, all components, including toolbar, supports “css” property, which allows to set custom css class on components container, which can be used for custom styling.