Hello,
I am trying to style the tabs of a TabPanel widget. All my CSS rules
work, except for the "background-image" rules.
Here's my Java code that instantiates the TabPanel:
TabPanel tabPanel = new TabPanel();
tabPanel.add(treeWidget, "Tree View");
tabPanel.add(mapWidget, "Map View");
tabPanel.setStyleName("tabPanel");
tabPanel.getTabBar().setStyleName("tabHeader");
tabPanel.getDeckPanel().setStyleName("tabContent");
tabPanel.selectTab(0);
My CSS rules:
.tabPanel .tabHeader .gwt-TabBarItem, .tabPanel .tabHeader .gwt-
TabBarItem-selected {
background-repeat: no-repeat;
width: 150px;
text-align: center;
margin-right: 10px;
padding: 4px;
cursor: hand;
cursor: pointer;
}
.tabPanel .tabHeader .gwt-TabBarItem {
background-image: url(img/tab-normal.png);
}
.tabPanel .tabHeader .gwt-TabBarItem-selected {
background-image: url(img/tab-selected.png);
}
I declare the CSS file in the module configuration (Main.gwt.xml):
<stylesheet src="css/cluman.css"/>
Now the weirdest thing is that when I edit my CSS with the
WebDeveloper plugin for Firefox, the background images of the tabs are
displayed correctly, without changing any CSS rule.
Any suggestions?
Thanks
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~----------~----~----~----~------~----~------~--~---
