Ah, that is what I've been wondering. Is this is a limitation of GWT
that I have to work around, or am I'm just missing something.
One comment in that issue page says that you can use a SimplePanel and
set the position to absolute in the CSS. I am unable to get that to
work. Below is the code for what I tried, but it doesn't display.
How is what they are suggesting as a work around suppose to be
implemented?
SimplePanel sPanel = new SimplePanel();
sPanel.add(new HTML("At Right Side"));
sPanel.setStyleName("abs-right");
DOM.appendChild(vPanel.getElement(), sPanel.getElement());
CSS:
.abs-right {
position: absolute;
text-align: right;
right: 10px;
}
On Apr 3, 1:49 am, Hilbrand <[email protected]> wrote:
> 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 <[email protected]> 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 <[email protected]> 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 <[email protected]> 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 <[email protected]> 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 <[email protected]> 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" <[email protected]> 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 <[email protected]> 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 [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
-~----------~----~----~----~------~----~------~--~---
