styling issue with gwt vertical panel

[Vik]

Hello

I have a vertical panel dropped in a popupPanle component and using following css

.gwt-PopupPanel {
background: #005200;
border: 0.2em solid white;
padding: 0.5em;
}

.gwt-VerticalPanel {
background: #005200;
spacing: 0.5em;
}

.gwt-Label {color: white;}

When i run my app I see it coming fine on chrome.  But on firefox 3.6 it does not apply the background for popup panel it seems. 

Looking into firebug shows me that there is no VerticalPanel in the generated html. Please advise

Thankx and Regards

Vik
Founder
www.sakshum.com
www.sakshum.blogspot.com

[Chris Lercher]

The correct css attribute name is "background-color" instead of
"background".

The VerticalPanel is translated into a html table, so you can't see it
directly in firebug.

hth
Chris

[Vik]

Hie 

Chris in my css i changed every where background to background-color and you are right that verticalPanel is converting to table i firebug. In any case i still cant see the css getting applied on vertical panel component in firefox. 

It works fine for me in chrome.

Thankx and Regards

Vik
Founder
www.sakshum.com
www.sakshum.blogspot.com

> Founderwww.sakshum.comwww.sakshum.blogspot.com

--
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-we...@googlegroups.com.

To unsubscribe from this group, send email to google-web-tool...@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.

[Chris Lercher]

Hi Vik,

well, there's no gwt-VerticalPanel css class for the table. So you
have several possibilities:

- set a style class on the VerticalPanel (setStylePrimaryName() or
addStyleName())
- or change your css selector to set the background color in
".popupContent { ... }" instead
- or set it in ".popupContent table { ... }"

Chris

PS sorry: I just found out, that you can actually also use
"background" to set the background-color. I always believed that
background would only work for background-images - you live and learn.

On Feb 28, 5:28 am, Vik <vik....@gmail.com> wrote:
> Hie
>
> Chris in my css i changed every where background to background-color and you
> are right that verticalPanel is converting to table i firebug. In any case i
> still cant see the css getting applied on vertical panel component in
> firefox.
>
> It works fine for me in chrome.
>
> Thankx and Regards
>
> Vik
> Founderwww.sakshum.comwww.sakshum.blogspot.com
>

> > google-web-tool...@googlegroups.com<google-web-toolkit%2Bunsubs cr...@googlegroups.com>