Adding Button(’s) to Panel Control Bar.

This is a requirement were you wanted to add a Button or Button’s to Panel’s Control Bar and you are wondering how to achieve this, iam telling you this is simple and the code example is given below.

Here we have to use a subtag in Panel tag control and the tag is <mx:ControlBar />

Example:

<mx:ControlBar horizontalAlign=”center” width=”385″>
<mx:Button  label=”Clear” click=”output.text =”” />
<mx:Button  label=”Clear” click=”output.text =”” />
<mx:Button  label=”Clear” click=”output.text =”” />
</mx:ControlBar>

This within the Panel mx:Tag.As below,

<mx:Panel title=”Kumar Gandhi’s Panel” x=”438″ y=”59″>
<mx:TextArea id=”output” width=”385″ height=”220″ />
<mx:TextInput id=”input” width=”385″ />
<mx:ControlBar horizontalAlign=”center” width=”385″>
<mx:Button  label=”Clear” click=”output.text =”” />
<mx:Button  label=”Clear” click=”output.text =”” />
<mx:Button  label=”Clear” click=”output.text =”” />
</mx:ControlBar>
</mx:Panel>

This gives the panel Control bar with buttons..

This snap Shot shows the buttons on Panel Control Bar..