Ok,
I understand the issue, I can change stack panel just fine. What I
was doing was taking a bunch of buttons adding them to a VerticalPanel
and then adding this panel to the stack panel. Thus, I could change
the stack panel backgroup but can not change the VerticalPanel. After
looking at the doc of VerticalPanel it does not have a CSS ability. I
do not see any CSS ability on any of the panels.
Do I need to place a GWT panel inside an HTML div to control the
backgroup of a panel?
This question has nothing to do with CSS just how do you manage the
CSS for a panel.
Thanks
On May 19, 10:41 am, Salvador Diaz <diaz.salva...@gmail.com> wrote:
> Hi,
>
> > I tried all of that, I just wish to understand the CSS model for GWT.
>
> For the record, GWT is just html manipulated by javascript so there is
> no such thing as a "CSS model for GWT". If you know how to use css
> then you shouldn't have any problems styling gwt widgets. (w3schools
> is a good place to learn)
>
> > Do we have documentation on this at all. What are all the values that
> > can be set for a widget or panel, is this documented.
>
> Of course all of this is documented, every javadoc page for every
> widget tells you what are the associated css rules. There are even
> examples in the form of the showcase (for any widget in the showcase
> you have the whole css definitions and even IE specific css-hacks)
>
> > Sorry for thelongreply but I am getting a bit frustrated with this,
> > I normally use java applets and have no issue in this area, but would
> > love to drop this and move to GWT.
>
> That's your problem, GWT != java.
>
> A piece of advice: use firebug on firefox to debug your style problems
> in a compiled version of your gwt app. That'll give you more insight
> into what you're doing and you can even live-edit css. When I started
> with GWT I found css styling quite problematic, simply because the
> inheritance rules are really different from the inheritance rules in
> OO programming. Once I started understanding (thx to w3schools in
> great part) how css worked I realised that the easiest method to get
> your css right is first to code your UI without thinking about
> styling, then compiling and opening in firefox, inspecting with
> firebug, css live-editing and finally modifying your css file.
>
> I'd really like to stress the fact that this is not a GWT issue, css
> styling works in the same way in gwt as it does in normal html.
>
> Hope that helps,
>
> Salvador
>
> On 19 mai, 17:11, "Donald.W.Long" <donald.w.l...@thelongsfamily.com>
> wrote:
>
>
>
> > I tried all of that, I just wish to understand the CSS model for GWT.
> > Do we have documentation on this at all. What are all the values that
> > can be set for a widget or panel, is this documented.
>
> > I am reaching my end with GWT. I feel it is a good idea but lake of
> > documentation is killing me and all the books you can purchase do not
> > really go into the CSS model for GWT.
>
> > Can someone point me to some simple examples that really show how the
> > CSS model works or documentation. The java doc like all java docs
> > does not show you anything on how to use the CSS model.
>
> > I have looked at some of the examples (mail) and the like but they are
> > so complicated you loose track of how the CSS model really works. I
> > have grabbed items from the (mail) example but only can get some of
> > them to work.
>
> > All I wish to do is the following:
>
> > Change the background of a stack panel, that is the area that is not
> > displaying a item (button for example) and also change the font for
> > the group and the color of the tab for the group.
>
> > This should be simple but I have not been able to make this work.
> > Any help would be great.
>
> > Sorry for thelongreply but I am getting a bit frustrated with this,
> > I normally use java applets and have no issue in this area, but would
> > love to drop this and move to GWT.
>
> > Again any help please.
>
> > On May 19, 9:56 am, Nick <powers.n...@gmail.com> wrote:
>
> > > Add the style name instead (i.e. addStyleName("mstackpanel") and see
> > > if that works for you.
> > > -Nick
>
> > > On May 18, 9:24 pm, "Donald.W.Long" <donald.w.l...@thelongsfamily.com>
> > > wrote:
>
> > > > Hi all,
>
> > > > I have been playing around with StackPanels and I wish to control the
> > > > look of it.
>
> > > > I have tried using the normal CSS for StackPanel and nothing changes.
>
> > > > .gwt-StackPanel {
> > > > background-color :#cff;
>
> > > > }
>
> > > > .gwt-StackPanel .gwt-StackPanelItem {
>
> > > > }
>
> > > > .gwt-StackPanel .gwt-StackPanelItem-selected {
>
> > > > }
>
> > > > .gwt-StackPanel .gwt-StackPanelContent {
>
> > > > }
>
> > > > You would thank that some sort of backgroup color would change, does
> > > > not matter what I put in any of the above CSS for StackPanel, nothing
> > > > changes.
>
> > > > I did do the following
>
> > > > .mstackpanel {
> > > > background-color :#cff;
>
> > > > }
>
> > > > and then added
>
> > > > mystackpanel.setStyleName("mstackpanel");
>
> > > > and that changes the backgroup, messes up all the other settings, that
> > > > I do not know how to set.
>
> > > > I am a bit confused about how the CSS works in gerenal for GWT.
>
> > > > I thought if I replaced items like above in the correct CSS entry it
> > > > would take affect. Is this not true?
>
> > > > All I wish to do is change the background color of a stack panel.
>
> > > > Any help would be nice.
>
> > > >DonaldW.Long(donald.w.l...@thelongsfamily.com- Hide quoted text -
>
> > > - Show quoted text -- Hide quoted text -
>
> - Show quoted text -
--~--~---------~--~----~------------~-------~--~----~
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+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~----------~----~----~----~------~----~------~--~---
