Can't you simply define your "body" element in your CSS? E.g.

   body {
       background-image: something;
       font-family: Arial;
       width: 100%;
       height: 100%;
   }

On Fri, Dec 9, 2011 at 11:03 PM, Christopher Piggott <[email protected]>wrote:

> What I came up with was this:
>
>
>
> RootPanel.get().addStyleName(GlobalResources.INSTANCE.css().backgroundGradient());
>
>
> in other words, I created a style that said:
>    .backgroundGradient {
>        font-family: Arial;
>        width: 100%;
>        height: 100%;
>    }
>
> and also set the background gradient over the entire page.  That seems
> to work.
>
>
>
>
>
> On Dec 9, 3:35 am, Ed <[email protected]> wrote:
> > I would start by testing it in a test HTML page
> > First make it work in your test page and then put your stuff in GWT (I
> > always do it like that).
> >
> > What you do is tricky HTML stuff and hasn't much to do with GWT.
> > Using width and height 100% depends on the elements parent(s).
> > - Ed
> >
> > On Dec 8, 11:52 pm, ChristopherPiggott<[email protected]> wrote:
> >
> >
> >
> >
> >
> >
> >
> > > Hi,
> >
> > > I can't figure out how to set a background image for the entire screen
> > > in uibinder.  I tried something like:
> >
> > >         <ui:style>
> > >                 .chrisp {
> > >                         width: 100%;
> > >                         height: 100%;
> > >                         background-image: somethinginterestinghere;
> > >                 }
> > >         </ui:style>
> >
> > >         <g:HTMLPanel styleName='{style.chrisp}'>
> > >                 <div>
> > >                         <g:HTMLPanel>
> > >                                 <af:MainMenu />
> > >                         </g:HTMLPanel>
> > >                         <g:HTMLPanel>
> > >                                 <g:FlowPanel ui:field="contentPanel" />
> > >                         </g:HTMLPanel>
> > >                 </div>
> > >         </g:HTMLPanel>
> >
> > > what happens is that the gradient only fills the portion of the screen
> > > that has something on it, in other words setting the background image
> > > sets it in a (currently) 2 centimeter or so part of the screen then
> > > just stops.
> >
> > > I think what I need to do is get to the REAL <body> tag somewhere, but
> > > I can't figure out how.
> >
> > > --Chris
>
> --
> You received this message because you are subscribed to the Google Groups
> "Google Web Toolkit" group.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to
> [email protected].
> For more options, visit this group at
> http://groups.google.com/group/google-web-toolkit?hl=en.
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

Reply via email to