Using Styles

Using the styles of the CheckBoxTreeFX;

checkButtonRenderer

The checkButtonRenderer style controls what type of button will be used for the toggle button of the tree items.

Example:

// set in the style sheet	
CheckBoxTreeFX {
	checkButtonRenderer:ClassReference("com.package.MyCheckButton");
}
// set on the instance
import com.package.MyCheckButton;
myTree.setStyle("checkButtonRenderer", com.package.MyCheckButton);

checkButtonWidth and checkButtonHeight

These two style will control the dimensions of the toggle button that is created by the checkButtonRenderer style. If the toggle button you are using is CheckBox, these styles will not apply. This is because the CheckBox is not drawn dynamically like a Button component.

The easiest way to make a custom looking toggle button is to subclass mx.controls.Button and set and embed the skin assets in that class. Then you will always have the button ready for use with this component or any other component you need a custom skinned check button.

closeItemsOnUnCheck

This style controls the tree's expandChildren()method. If this style is true the tree will close when you uncheck a tree item that is open. If false, the tree will just close the branch that was un toggled.

If the tree's openDuration style is above 0, this style will attempt to tween the tree closed.

openItemsOnCheck

This style controls the tree's expandChildren()method. If this style is true the tree will open when you check a tree item that is closed. If false, the tree will just open the branch that was toggled.

If the tree's openDuration style is above 0, this style will attempt to tween the tree closed.

cornerRadius

This style is like the normal cornerRadius styles for all components. We have just provided a way to use this if you are using a custom check box renderer that uses radii.