Re: How to format custom TreeItems with images?

Jim,

I'm trying to replace with a HorizontalPanel that contains 3 widgets
but I'm running into problems.

1. It's not possible to call setVerticalAlignment because the input
parameter has no public values so I'm calling
DOM.setStyleAttribute(td1, "verticalAlign", "middle") on each widget
added to the panel and that seems to work fine.
2. However I need to set the horizontal alignment of the 3rd widget to
be right aligned so I'm calling DOM.setStyleAttribute(td3, "align",
"right") but it's being ignored. Firebug indicates that the td align
is always 'left'. How do I set this to 'right'?
3. With this change to use a HorizontalPanel there is no visual
indicator that a tree item is selected? How can I make the item look
selected? At least the middle text part?

If I can solve items 2 & 3 I think this will work well.

-Dave

On Mar 22, 5:01 pm, Jim Douglas <jdou...@basis.com> wrote:
> Instead of constructing your TreeItems with html, write your own
> custom tree item renderer and pass it in to the TreeItem(Widget)
> constructor.
>
> http://google-web-toolkit.googlecode.com/svn/javadoc/2.4/com/google/g...
>
> My TreeItemRenderer extends HorizontalPanel, but you can use any
> Widget that works for you.
>
> On Mar 22, 2:40 pm, dhoffer <dhoff...@gmail.com> wrote:
>
>
>
>
>
>
>
> > I have a GWT Tree that contains custom TreeItems that consist of a
> > leading image (ImageResource), then some text, and followed with
> > another optional image.  The later image is a URL not an ImageResource
> > because the contents are dynamic at runtime.
>
> > Currently I'm building some custom SafeHtml just appending three
> > SafeHtml's together.  I use ImageResourceRenderer for the first image,
> > then SimpleSafeHtmlRenderer for the text, and then Template for the
> > URL image.
>
> > However the results are not good.  The first image is top aligned
> > instead of centered with the text and the selection rectangle.  (I
> > haven't even gotten to testing with the trailing image yet.)
>
> > I do have my custom HTML wrapped in a span with custom class name so I
> > can configure with CSS but I have a feeling I'm not doing this the
> > right way.
>
> > How can I have better control over the vertical alignment of things?
> > Specifically the ImageResource needs to be centered.
>
> > -Dave

--
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.