Thursday, October 28, 2010

Re: GWT and CSS - Style Problem

Thanks to all for the answers. But i'm afraid to say that the solution
was far away.

I used a DOM inspector, and i found the name of the styles i needed to
customize the panel.

I must say that gwt documentation about CSS style names and what they
PRECISELY do, for certain widgets/panels (the complex ones, i must
say) is absolutely not sufficient and sometimes misleading.


On 27 Ott, 16:12, StrongSteve <swe.sta...@gmail.com> wrote:
> the way to go would be to define your own styles in the css and to
> bind them to the decorated stack panel using
> panel.setStylePrimaryName(nameOfYourStyle).
>
> Greetings
> Stefan
>
> On Oct 26, 4:09 pm, Jeff Larsen <larse...@gmail.com> wrote:
>
>
>
> > The default styles are being pulled in via this line in your *.gwt.xml
>
> >   <inherits name='com.google.gwt.user.theme.standard.Standard'/>
>
> > On Oct 26, 6:35 am, alexoffspring <alessales...@gmail.com> wrote:
>
> > > If i do delete any occurence of the .gwt-DecoratedStackPanel style in
> > > the CSS file,
> > > i ALWAYS see the panel with its DEFAULT STYLE (!?)
> > > If the style is not present in my Main.CSS, where is it defined????
>
> > > Is it because this widget uses others CSS styles, like:
> > > .gwt-StackPanel ...??
> > > .gwt-TabBar ...??
>
> > > But this sound strange, since
> > > decoratedStackPanel.getStylePrimaryName()    and
> > > decoratedStackPanel.getStyleName()
> > > return    gwt-DecoratedStackPanel.
>
> > > On 26 Ott, 13:28, alexoffspring <alessales...@gmail.com> wrote:
>
> > > > Obviously,
> > > > the Style name of decoratedStackPanel is "gwt-DecoratedStackPanel"
>
> > > > On 26 Ott, 10:39, alexoffspring <alessales...@gmail.com> wrote:
>
> > > > > Try to definite your CSS style for a generic Decorated Stack Panel
> > > > > like following:
>
> > > > > ................
> > > > > .gwt-DecoratedStackPanel .gwt-StackPanelItem {
> > > > >         background-color: #000000;
> > > > >         color: #000000;
> > > > >         border-color: #000000;
>
> > > > > }
>
> > > > > .gwt-DecoratedStackPanel {
> > > > >         background-color: #000000;
> > > > >         color: #000000;
> > > > >         border-color: #000000;
>
> > > > > }
>
> > > > > .gwt-DecoratedStackPanel .gwt-StackPanelItem-selected {
> > > > >         background-color: #000000;
> > > > >         color: #000000;
> > > > >         border-color: #000000;}
>
> > > > > ..............
>
> > > > > and create it like following:
>
> > > > > DecoratedStackPanel decoratedStackPanel = new DecoratedStackPanel();
> > > > > decoratedStackPanel.add(new VerticalPanel(), "Feed Rss");
> > > > > decoratedStackPanel.add(new VerticalPanel(), "News");
>
> > > > > When launching the application, you will see that the DSP style
> > > > > appears ALWAYS the default style.
> > > > > You can write whatever you want in your CSS file, but for this Widget,
> > > > > style NEVER changes.
>
> > > > > Am i doing something wrong, or is a GWT bug?
>
> > > > > Please answer- Nascondi testo citato
>
> > > > - Mostra testo citato -- Nascondi testo citato
>
> - Mostra testo citato -

--
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