You can just directly override the css defaults for stack panel. The
style rules are (see
http://google-web-toolkit.googlecode.com/svn/javadoc/2.0/com/google/gwt/user/client/ui/StackPanel.html):
.gwt-StackPanel { the panel itself }
.gwt-StackPanel .gwt-StackPanelItem { unselected items }
.gwt-StackPanel .gwt-StackPanelItem-selected { selected items }
.gwt-StackPanel .gwt-StackPanelContent { the wrapper around the
contents of the item }
if you want to override them in your *ui.xml (or in your CssResource
css file), do this:
@external gwt-StackPanel; (similarly for the others)
and then just have a css rule
.gwt-StackPanel {
border-bottom: 1px solid #FF0000; (or whatever you'd like)
}
Hope this helps.
kathrin
On Wed, Jun 30, 2010 at 2:39 AM, Magnus <[email protected]> wrote:
> Hi,
>
> StackPanel has an ugly border at the bottom, and I verified that this
> is explicitly set in standard.css.
>
> So I would like to remove it / change its color by using the "!
> important;" keyword in my own style:
>
> .myStackPanel
> {
> border-bottom: 1px solid #FF0000; !important;
> }
>
> This shows no effect.
>
> But it succeeded in other cases.
>
> How can I get rid of the bottom border?
>
> Thanks
> Magnus
>
> --
> 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.
>
>
--
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.
