PDA

View Full Version : Styles and GXT (3.0)



jvahabzadeh
8 Nov 2011, 12:56 PM
I might be missing something fairly obvious.

I'm used to dealing with .css files and using them for styles with GWT components.

Does it not work this way for GXT?

Specifically, I'm trying to modify the look of various GXT components - MenuBar/MenuBarItem/MenuItem objects, for example. TextButtons, other components as well.

I've tried using Firebug, but I'm not quite clear on how a certain DOM object I'm looking at gets its style rules - it doesn't help that the style names appear to be obfuscated.

So:

How do I make it so that, when running through Eclipse in development mode, the style names are NOT obfuscated?
What is the correlation between GXT class names, and the css style names, if any?
Finally, if #2 doesn't answer the question, how do I change the style of (to start with):

TextButton
Window
MenuBar
MenuBarItem
MenuItem


Thanks in advance

troyg
10 Nov 2011, 6:32 PM
Perhaps I can help a little.

With GXT 3.0, they're using appearances. A nice powerful mechanism that provides Compass/SASS like power, but in a more natural Java/GWT like way

Take a look at the section on appearances in..
http://www.sencha.com/blog/ext-gwt-3-developer-preview-5/
a (http://www.sencha.com/blog/ext-gwt-3-developer-preview-5/)nd
http://www.sencha.com/blog/ext-gwt-3-appearance-design/

(http://www.sencha.com/blog/ext-gwt-3-appearance-design/)I attended the SenchCon 2011. Darrell Meyer showed some great working examples of changing the appearance of a specific content panel, and also with no extra effort, the appearance of all content panels, all with a minimal bit of scoped CSS, Java, and XML changes. I believe he'll be adding an example to their samples.

Hope this helps.

Cheers
Troy