This is a known issue; not being able to align the popup panel at the
right side via CSS:

See, issue 1538 for details: 
http://code.google.com/p/google-web-toolkit/issues/detail?id=1538&can=5

Hilbrand.

On Apr 2, 5:26 pm, cj <curtis.jen...@gmail.com> wrote:
> That gets me pretty close.  Thanks.
> Though, the background image is obscured by the image that is already
> added to the panel.  I tried adding a high z-index value in the css,
> but that didn't fix it.
>
> Also, I am interested to know how to do this with html.
>
> Thanks
>
> On Apr 2, 10:09 am, alan m <alan.jame...@gmail.com> wrote:
>
> > you could setStyleName(myCssName) on your existing panel, and then
> > place your image with css:
>
> >    .myCssName {background-image:url("url");
> > background-repeat:no-repeat; background-position:right;}
>
> > On Thu, Apr 2, 2009 at 4:58 PM, cj <curtis.jen...@gmail.com> wrote:
>
> > > Thanks for the correction on text-align.  Though, that still doesn't
> > > work for me.
> > > I've tried the float attribute.  It doesn't seem to have an affect.
>
> > > I should also clarify that I'm trying to right align an image on top
> > > of an existing panel.  That is why I was originally playing with the
> > > PopupPanel.  I've toyed with the AbsolutePanel, but that only aligns
> > > with the left and is even less functional when it comes to re-sizing.
>
> > > On Apr 2, 8:43 am, alan m <alan.jame...@gmail.com> wrote:
> > >> FWIW the CSS syntax is "text-align:right;"
>
> > >> You could also try "float:right;" depending on what else is going on
> > >> in the layout.
>
> > >> hth
>
> > >> Alanj
>
> > >> On Thu, Apr 2, 2009 at 4:23 PM, cj <curtis.jen...@gmail.com> wrote:
>
> > >> > Thanks.  I was hoping to avoid handling resize events.
> > >> > All I want to do is align an image or text along the right side of a
> > >> > panel.  With straight HTML and CSS this can easily be done by using
> > >> > the align: right; style.  With GWT, I can align things with the left
> > >> > side just fine.  The set position method aligns with top and left.
> > >> > There doesn't seem to be support for aligning with the right side
> > >> > (unless listeners are implemented).  This is a fundamental capability
> > >> > of HTML that I figured would be in GWT.  I wanted to make sure that it
> > >> > isn't part of GWT before I try implement a workaround.
>
> > >> > By the way, searching for aligning with the right side returns
> > >> > virtually nothing.  There are many results on listening for resize
> > >> > events, but I'm not looking for a hackish workaround.  I'm looking for
> > >> > the basic HTML capability of aligning with the right side.  Is the
> > >> > capability to aligning on the right side in GWT?
>
> > >> > On Apr 1, 11:15 pm, "alex.d" <alex.dukhov...@googlemail.com> wrote:
> > >> >> Well, once set, the position of the popup doesn't change by itself
> > >> >> when the window is resized. Why should it? You have to listen to the
> > >> >> "resize of window"-event and set the position of the popup manually.
> > >> >> Don't remeber the exact code lines - but you'll find plenty of
> > >> >> examples in this user group - just use search ;-)
>
> > >> >> On 2 Apr., 01:04, WebDude <curtis.jen...@gmail.com> wrote:
>
> > >> >> > Is it possible to align a PopupPanel with the right side of the 
> > >> >> > window
> > >> >> > or the right side of a panel?
>
> > >> >> > I know that it could be done by getting the size of the window and
> > >> >> > setting the position of the PopupPanel based on that.  However, if
> > >> >> > window is re-sized, the popup won't move with the re-size.  This 
> > >> >> > would
> > >> >> > be a simple "align: right" style attribute in CSS, but it gets 
> > >> >> > ignored
> > >> >> > every time that I try to use it with a PopupPanel.
>
> > >> >> > Thanks
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---

Reply via email to