My Milieu of Musings

We are doing some work with FlexLib, making use of the HAccordion class.  Strangely enough, all my tree items were screwed up.  The alignment of the items was right justified.

In order to get the text on the accordians up to the top corner, they have their textAlign set to right.  For whatever reason, this inherits through to the tree component, but the other components are unaffected.  By explicitly setting the textAlign property of the HAccordian's children back to left, I was able to reverse the effect.

<?xml version="1.0" encoding="utf-8"?>
<mx:Box width="100%" height="100%"
	xmlns:mx="http://www.adobe.com/2006/mxml" 
	xmlns:flexlib="http://code.google.com/p/flexlib/"
	xmlns:view="view.*"
	creationComplete="init()" xmlns:objectModel="com.echoeleven.echolearning.rulesBuilder.view.objectModel.*">
	
	<mx:Script>
		<![CDATA[
			private function init():void {
				var numRulePleats:int = parentApplication.numRulePleats;
				for(var i:int = 0 ; i < numRulePleats ; i++ ) {
					var newPleat:RulesContainer = new RulesContainer();
					newPleat.isInDLCMode = false;
					newPleat.textAlign="left"
					newPleat.label = "Branch to DLC " + i.toString();
					hAccordion.addChild( newPleat );
				}
			}		
		]]>
	</mx:Script>

	<flexlib:HAccordion width="100%" height="100%" id="hAccordion">
		<objectModel:ModelItemChooser horizontalAlign="left" />
	</flexlib:HAccordion>
</mx:Box>