Button Icon Label Placement

       
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal">
  <mx:Script>
    
      [Bindable]
      [Embed(source="logo.png")]
      public var myDeleteIcon:Class;
  
  </mx:Script>
  
  <mx:Style>
  @namespace mx "http://www.adobe.com/2006/mxml";
    mx|Label {font-weight:bold;}
  </mx:Style>

  <mx:Tile>
    <mx:VBox>
      <mx:Button label="Delete" icon="{myDeleteIcon}" labelPlacement="right"/>
      <mx:Label text="labelPlacement=right"/>
    </mx:VBox>
    <mx:VBox>
      <mx:Button label="Delete" icon="{myDeleteIcon}" labelPlacement="left"/>
      <mx:Label text="labelPlacement=left"/>
    </mx:VBox>
    <mx:VBox>
      <mx:Button label="Delete" icon="{myDeleteIcon}" labelPlacement="top"/>
      <mx:Label text="labelPlacement=top"/>
    </mx:VBox>
    <mx:VBox>
      <mx:Button label="Delete" icon="{myDeleteIcon}" labelPlacement="bottom"/>
      <mx:Label text="labelPlacement=bottom"/>
    </mx:VBox>
    
  </mx:Tile>
  
</mx:Application>

1.	Set Button color to Red
2.	Set Button Label
3.	Set Button corner radius
4.	Set Button font style
5.	Set button color to red with setStyle
6.	Set button border color to yellow with setStyle
7.	Set button font style to italic with setStyle
8.	Set button corder radius to 10 with setStyle
9.	Button text with the class selector is red
10.	Button text with the implicit type selector is yellow
11.	Apply style to Button by using the setStyle() method
12.	Button's width and height
13.	Button Component
14.	Button with inner script
15.	Button Demo
16.	Button with Icon Demo
17.	Button with minimium size
18.	Set right position for Button
19.	Set the button width and height

Button Icon Label Placement : Button Properties « Components « Flex

Related examples in the same category