[Doubt] Gxt and CSS attribute names

[gnonide]

I would like to now why Gxt uses different attribute names for css, and if there is a list with the equivalents between CSS default names and Gxt attribute names.

For example, to set the background color of some component I use background-color: #000000; but in the code I need to do component.setStyleAttribute("backgroundColor", "#000000"); for it to work.

[sven]

It should also work with component.setStyleAttribute("background-color", "#000000"); in GXT 2.2 and probably earlier.

I just tested it and it works for me.

[gnonide]

Oh yeah, you're right. But when I use component.setStylePrimaryName("my-style"); with the property on it, the color just don't get loaded to the page's css.

[sven]

Have you inspected the output with firebug? Is the stylename "my-style" really assigned? Do you have a css rule that matches ".my-style"?

[gnonide]

Yeah, I've already done this, but the problems persists, it looks like everytime I use a Gxt component with my customized style, it won't work, even if I put an !important in the front of my attribute declaration.

[sven]

Which component are yu using? Setting the backgroundcolor on the most outer element of a ContentPanel for example wont change anything.

Firebug will exactly tell you which element you need to style.

[gnonide]

It's a LayoutContainer.

[sven]

Should work there. Can you please upload your compiled application somewhere so i can access it over http?