Wednesday, July 28, 2010

Re: TabPanel within TabPanel styling

I have an outer set of tabs that contains panels that I have given the
class "my-MainPanel." Some of these panels contain tab panels as
well. The outer tabs are styled with just the ".gwt-Tab*" styles, and
the inner tabs are selected with ".my-MainPanel .gwt-Tab*". I just
put this in this morning, but appears to work in FF at least.

On Jul 25, 9:30 am, mobilekid <mobilek...@googlemail.com> wrote:
> My app's layout consists of a TapPanel, which holds another TabPanel.
> I'd like to have the two TabPanels look differently. Following the GWT
> tutorial on applying styles I did the following:
>
> TabPanel innerTabPanel= new TabPanel();
> //carriersTabPanel.setSize("100%", "100%");
> innerTabPanel.addStyleName("inner-tabPanel");
>
> .gwt-TabPanel .inner-tabPanel{
>     width: 100%;
>     height: 100%;}
>
> This, however, did not have any effect whatsoever. Then I tried the
> following, but that didn't work either:
>
> .inner-tabPanel{
>     width: 100%;
>     height: 100%;
>
> }
>
> So how I can style the two panels separately?

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