Friday, December 9, 2011

Re: g:HTMLPanel size

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 <post2edb...@gmail.com> 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<cpigg...@gmail.com> 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 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.

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home


Real Estate