Hi,
I'm new to GWT and have been scouring the discussion groups and
internet for an answer to my question but I have had no luck.
Here is my question:
I need to change the style on an individual menuitem on my menubar.
I tried to remove the style for the menuitem and then add my new style
it but only changed the the "georgeMenuItem" part of my css.
Here is a snippet of my code
MenuItem georgetownMenuItem = new MenuItem("Georgetown - Union
Station", new Command() {
public void execute() {
RootPanel.get().remove(0);
RootPanel.get().add(createPage(createGoButtonPanel
(),assembleContent(createGeorgetownContent(), GEORGETOWN_TOP_IMG,
"georgetownMainPanel")));
// sideBar.setStyleName("adRatesSidePanel");
//rightPanel.setStyleName("adRatesRightPanel");
}
});
georgetownMenuItem.removeStyleName("gwt-MenuItem");
georgetownMenuItem.setStyleName("georgeMenuItem");
toGo.addItem(georgetownMenuItem);
******************************************************************
CSS
.georgeMenuItem {
cursor: default;
border: 1px solid #FFF200;
background-color: #FFFFFF;
color: #FFF200;
}
.georgeMenuItem .gwt-MenuItem {
cursor: default;
height: 33px;
width: 95px;
font-size: 12px;
background-color: #FFFFFF;
color: #FFF200;
font-family: helvetica, impact, sans-serif;
text-align: left;
vertical-align: center;
padding-left: 10px;
}
.georgeMenuItem table {
margin: 0px;
border-collapse: collapse;
border-spacing: 0px;
}
.georgeMenuItem .gwt-MenuItem-selected {
background: #c1272d;
color: #FFF200;
}
Any help would be appreciated.
Thank you,
Tracy
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
