CSS is not working in GXT

Question

I am in learning phase of GWT GXT,

I my project some of the css are working fine , but some are showing me a strange behavior .

for login button.

logonBtn = new TextButton("Connect");
        logonBtn.setIconAlign(IconAlign.RIGHT);
        logonBtn.setIcon(Resources.INSTANCE.login());
        logonBtn.setStyleName("Project-Button");

Css

.Project-Button {
    color: Black;
    border: thin outset #FF6600;
    font-family: Courier New, Century Gothic, Times New Roman, Verdana, Arial;
    vertical-align: middle;
    background-position: left center;
    background-color: White;
    cursor: pointer;
}

But when i run the project , this css is not showing any effect on connect button.

In my Project i have i have 6 or 7 TextButton. But this css is showing effect in only one of these buttons

I tried to use Firebug to see the problem. I see there is no Project-Button css attached with this textButton.

Attached is the Image of fireBug.

If somebody understand this , please explain and give the solution.

Thanks in Advance.

Answer 1

Are u using uiBinder. If Yes then,

check this link. Similar question. May help you.

shared css

Answer 2

If tou change GXT Text button style you have to write your ButtonCellAppereance. GXT button styles too complex as other gxt widgets. example link about appereance

1: http://www.slideshare.net/senchainc/ext-gwt-30-theming-and-appearances i started a project on gwt projects as theme project link

but i have no more time to develop. good hacking...