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

Jumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.

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.

Take a look at an Indigo.Design sample application to learn more about how apps are created with design to code software.


Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}