PDA

View Full Version : How to add CSS to Ext-Gwt Widgets



rameshr
17 Nov 2009, 12:02 AM
Hi all, how to add css to Ext-Gwt widgets. im using gxt 2.0.1 version.






Thanks,
R.Ramesh

Arno.Nyhm
17 Nov 2009, 8:06 AM
look with firebug which item you like to change and then place this in a css file which you load after the default css file.

rameshr
17 Nov 2009, 11:12 PM
thanks for your replay. but how to change css per instance, i mean how to apply different css for two different tabs.

Arno.Nyhm
18 Nov 2009, 8:30 AM
if you have your css style prepend it with your stylename


.my-style-name .x-grid3-col {
border-color: red;
}

then you can use it like this when you only need it to some widgets:


myComponent.addStyleName("my-style-name")

micgala
19 Nov 2009, 12:53 AM
I guess this is not the right place for css specific questions...
I guess there are plenty of other places where you can learn css. Of course we can help you when related to Gxt...

But css only seems out of scope here...

rameshr
19 Nov 2009, 1:46 AM
can u explain me with some code examples.

Arno.Nyhm
19 Nov 2009, 2:10 AM
if you search (http://www.extjs.com/forum/search.php) the forum for css then you see a many threads addressing styling the widgets.


PS: also you can search for addStyleName and/or setStyleName