View Full Version : Change toolbar background

16 Nov 2010, 1:24 AM

How can i change the background color of a tolbar?

I tried using cls:'testCss'

<style type="text/css">
..but not working

16 Nov 2010, 10:27 AM
Look at the rendered HTML in Firebug to see what that class is applied and if the right one - you may need to target a different element.

16 Nov 2010, 10:47 AM
Often the backgrounds in ExtJS are images.
If you try to change the background color for a image-background-class, it won't work, because the background image is over the background color.
Use FireBug to locate the class. and remove/replace the bg-image.

17 Nov 2010, 12:57 AM
Hy tryanDls

What means "class is applied and if the right one"?

In my case the css class is x-toolbar x-small-editor testCss x-toolbar-layout-ct .I can change the background image from base class x-toolbar from ext-all.css , but this will change it for all other toolbars and i do not want that..i just want to change the background image or color for my current toolbar.

Also i replaced background-color with background-image in my testCss but steel does not work.

What else should i try?


17 Nov 2010, 1:57 AM
Override 'background-image' in css. Add !important; to the end to make sure this is the overriding style. Then apply your colour to the class and again you ay as well put in !important to make sure!.