Hi
I want to customize the color and font size of the StackPanel item, so I
defined the following style:
.mymenu .gwt-StackPanelItem {
color: blue;
font-size: small;
}
Then I add the above style and keep the rest of the standard CSS properties:
StackPanel panel = new StackPanel();
panel.addStyleName("mymenu");
The problem is this only works if I include the CSS in the module XML file.
If I include the CSS in the HTML host page, the style is overridden by
standard.css.
Both methods above generate the same HTML shown below:
<table class="gwt-StackPanel mymenu" cellspacing="0" cellpadding="0"
style="width: 20%; height: 100%;">
<tbody>
<tr>
<td class="gwt-StackPanelItem gwt-StackPanelItem-first
gwt-StackPanelItem-selected" height="1">
<div>Administration</div>
</td>
</tr>
...
</table>
Do you know why including the CSS in the module XML or HTML host page
affects the output?
--
Hez
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
