Wednesday, June 30, 2010

Re: overriding CSS styles using the "!important;" keyword

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 <alpineblaster@googlemail.com> 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 google-web-toolkit@googlegroups.com.
> To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
> 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 google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.

No comments:

Post a Comment