Standard.css always override my MyProject.css

8 views
Skip to first unread message

Šobis

unread,
Nov 26, 2009, 3:23:10 AM11/26/09
to Google Web Toolkit
Hello,

can you please help me with this issue, because I'm slowly losing my
mind.

I have GWT project, where in MyProject.gwt.xml I have

<inherits name='com.google.gwt.user.theme.standard.Standard' /> and

<stylesheet src='MyProject.css' />
In MyProject.html I have:
<link type="text/css" rel="stylesheet" href="MyProject.css">

but for TabPanel I always get style from Standard.css. What am I doing
wrong?

In MyProject.css I have

.gwt-TabBarItem{
.....
}
.gwt-TabBarItem-selected{
.....}


but in FF I get style from standard.css where class is



I tried !imporatant thing but is not working.

I added style tabRazred in code (for TabPabel.tabBar) and in CSS I did
like this

.tabRazred-TabBarItem{
...
}

But I'ts not working.

So if anybody had similar problem or know how to solve this, please
respond, because I'm quite desperate.


Matej

philippe

unread,
Nov 26, 2009, 3:55:21 AM11/26/09
to Google Web Toolkit
Hi Sobis,

Try this:

In your Application.gwt.xml, add this line after standard theme
definition:
<stylesheet src='YourProject.css' />

I think you must use !important, check if it's well write.

Delete the style definition in your html. On my project, it's work.

regards,
Philippe
Reply all
Reply to author
Forward
0 new messages