PDA

View Full Version : [CLOSED] This tim this is a cosmetic problem (CSS inside)



feanor91
Apr 23, 2012, 1:01 PM
Hello

I use the example custom UI grid to personalize a little bit more my grid.

All works well.

But, I see in the CSS:



.x-grid-custom .x-toolbar {
background : url(images/Grid/toolbar-bg.png) repeat-x 0 0 !important;
}


The problem is on the x-toolbar tag. this tag seems to be used for all the toolbar and not only for the grid toolbar. By the way, I have the same CSS applied to tollbars in windows.

How could I applied a different toolbar form between grid and window?

Daniil
Apr 23, 2012, 2:35 PM
Hi,

If you set up

Cls="x-grid-custom"
for GridPanel the following CSS rule:

.x-grid-custom .x-toolbar { ... }
should be applied for ToolBars which are within that GridPanel and should not be applied for any external ToolBars. Sure, if you doesn't set up "x-grid-custom" for more elements.

feanor91
Apr 23, 2012, 2:46 PM
Hi,

If you set up

Cls="x-grid-custom"
for GridPanel the following CSS rule:

.x-grid-custom .x-toolbar { ... }
should be applied for ToolBars which are within that GridPanel and should not be applied for any external ToolBars. Sure, if you doesn't set up "x-grid-custom" for more elements.

Good point.

In the example i just let in the thread about the multicombox problem (http://forums.ext.net/showthread.php?18544-Proble-with-combobox-in-window&p=80169#post80169), you will see the css problem too (I will change the code because it linked to my file).

The window that appear first when runing code has a topbar and this bar is styled like the topbar of the grid

Daniil
Apr 23, 2012, 4:04 PM
Well, you set up

Cls="x-grid-custom"
for the Window.

It means that your rules are affected for the Window as well.

feanor91
Apr 23, 2012, 4:15 PM
Damit! You're totally right...Shame on me.

Ok, for this one, I will change that tomorrow.

Thank you...I think you can close (I will double check next time)