Over a million developers have joined DZone.

Aligning the Label in a Tree Control

DZone's Guide to

Aligning the Label in a Tree Control

· Web Dev Zone ·
Free Resource

Learn how error monitoring with Sentry closes the gap between the product team and your customers. With Sentry, you can focus on what you do best: building and scaling software that makes your users’ lives better.

If you've ever rendered images in a tree control, you may have noticed both the image and the label are effectively top, left justified. There's no CSS solution to changing this, the answer is to extend Flex's TreeItemRenderer and move the renderer's label in ActionScript.

Here's my version. Inside updateDisplayList() are a few lines of ActionScript that reposition label to make right justified and vertically centered. The SWF is source code enabled and that source is available here.

What’s the best way to boost the efficiency of your product team and ship with confidence? Check out this ebook to learn how Sentry's real-time error monitoring helps developers stay in their workflow to fix bugs before the user even knows there’s a problem.


Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}