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 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 wrote: > > > > > The default styles are being pulled in via this line in your *.gwt.xml > > > > > > On Oct 26, 6:35 am, alexoffspring 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 wrote: > > > > > Obviously, > > > > the Style name of decoratedStackPanel is "gwt-DecoratedStackPanel" > > > > > On 26 Ott, 10:39, alexoffspring wrote: > > > > > > Try to definite your CSS style for a generic Decorated Stack Panel > > > > > like following: > > > > > > > > > > > .gwt-DecoratedStackPanel .gwt-StackPanelItem { > > > > > background-color: #00; > > > > > color: #00; > > > > > border-color: #00; > > > > > > } > > > > > > .gwt-DecoratedStackPanel { > > > > > background-color: #00; > > > > > color: #00; > > > > > border-color: #00; > > > > > > } > > > > > > .gwt-DecoratedStackPanel .gwt-StackPanelItem-selected { > > > > > background-color: #00; > > > > > color: #00; > > > > > border-color: #00;} > > > > > > .. > > > > > > 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-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
Re: GWT and CSS - Style Problem
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 wrote: > The default styles are being pulled in via this line in your *.gwt.xml > > > > On Oct 26, 6:35 am, alexoffspring 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 wrote: > > > > Obviously, > > > the Style name of decoratedStackPanel is "gwt-DecoratedStackPanel" > > > > On 26 Ott, 10:39, alexoffspring wrote: > > > > > Try to definite your CSS style for a generic Decorated Stack Panel > > > > like following: > > > > > > > > > .gwt-DecoratedStackPanel .gwt-StackPanelItem { > > > > background-color: #00; > > > > color: #00; > > > > border-color: #00; > > > > > } > > > > > .gwt-DecoratedStackPanel { > > > > background-color: #00; > > > > color: #00; > > > > border-color: #00; > > > > > } > > > > > .gwt-DecoratedStackPanel .gwt-StackPanelItem-selected { > > > > background-color: #00; > > > > color: #00; > > > > border-color: #00;} > > > > > .. > > > > > 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 - -- 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-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
Re: GWT and CSS - Style Problem
The default styles are being pulled in via this line in your *.gwt.xml On Oct 26, 6:35 am, alexoffspring 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 wrote: > > > Obviously, > > the Style name of decoratedStackPanel is "gwt-DecoratedStackPanel" > > > On 26 Ott, 10:39, alexoffspring wrote: > > > > Try to definite your CSS style for a generic Decorated Stack Panel > > > like following: > > > > > > > .gwt-DecoratedStackPanel .gwt-StackPanelItem { > > > background-color: #00; > > > color: #00; > > > border-color: #00; > > > > } > > > > .gwt-DecoratedStackPanel { > > > background-color: #00; > > > color: #00; > > > border-color: #00; > > > > } > > > > .gwt-DecoratedStackPanel .gwt-StackPanelItem-selected { > > > background-color: #00; > > > color: #00; > > > border-color: #00;} > > > > .. > > > > 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 - -- 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-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
Re: GWT and CSS - Style Problem
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() returngwt-DecoratedStackPanel. On 26 Ott, 13:28, alexoffspring wrote: > Obviously, > the Style name of decoratedStackPanel is "gwt-DecoratedStackPanel" > > On 26 Ott, 10:39, alexoffspring wrote: > > > > > Try to definite your CSS style for a generic Decorated Stack Panel > > like following: > > > > > .gwt-DecoratedStackPanel .gwt-StackPanelItem { > > background-color: #00; > > color: #00; > > border-color: #00; > > > } > > > .gwt-DecoratedStackPanel { > > background-color: #00; > > color: #00; > > border-color: #00; > > > } > > > .gwt-DecoratedStackPanel .gwt-StackPanelItem-selected { > > background-color: #00; > > color: #00; > > border-color: #00;} > > > .. > > > 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 - -- 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-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
Re: GWT and CSS - Style Problem
Obviously, the Style name of decoratedStackPanel is "gwt-DecoratedStackPanel" On 26 Ott, 10:39, alexoffspring wrote: > Try to definite your CSS style for a generic Decorated Stack Panel > like following: > > > .gwt-DecoratedStackPanel .gwt-StackPanelItem { > background-color: #00; > color: #00; > border-color: #00; > > } > > .gwt-DecoratedStackPanel { > background-color: #00; > color: #00; > border-color: #00; > > } > > .gwt-DecoratedStackPanel .gwt-StackPanelItem-selected { > background-color: #00; > color: #00; > border-color: #00;} > > .. > > 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 -- 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-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
GWT and CSS - Style Problem
Try to definite your CSS style for a generic Decorated Stack Panel like following: .gwt-DecoratedStackPanel .gwt-StackPanelItem { background-color: #00; color: #00; border-color: #00; } .gwt-DecoratedStackPanel { background-color: #00; color: #00; border-color: #00; } .gwt-DecoratedStackPanel .gwt-StackPanelItem-selected { background-color: #00; color: #00; border-color: #00; } .. 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 -- 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-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.