Button with minimium size : Button Properties « Components « Flex






Button with minimium size

Button with minimium size
       



<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->



<!-- components\HBoxSizeSpark.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:mx="library://ns.adobe.com/flex/mx"
    xmlns:s="library://ns.adobe.com/flex/spark">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <s:SkinnableContainer id="hb1">
        <s:layout>
            <s:HorizontalLayout />
        </s:layout>
        <s:Button id="b1" label="Label 1" />
        <s:Button id="b2" label="Label 2" minWidth="80" />
        <s:Button id="b3" label="Label 3" />
    </s:SkinnableContainer>
    <mx:Form>
        <mx:FormItem label="SkinnableContainer:">
            <mx:Label text="{hb1.width}" />
        </mx:FormItem>
        <mx:FormItem label="Button #1:">
            <mx:Label text="{b1.width}" />
        </mx:FormItem>
        <mx:FormItem label="Button #2:">
            <mx:Label text="{b2.width}" />
        </mx:FormItem>
        <mx:FormItem label="Button #3:">
            <mx:Label text="{b3.width}" />
        </mx:FormItem>
    </mx:Form>
</s:Application>

   
    
    
    
    
    
    
  








Related examples in the same category

1.Set Button color to RedSet Button color to Red
2.Set Button LabelSet Button Label
3.Set Button corner radiusSet Button corner radius
4.Set Button font styleSet Button font style
5.Set button color to red with setStyleSet button color to red with setStyle
6.Set button border color to yellow with setStyleSet button border color to yellow with setStyle
7.Set button font style to italic with setStyleSet button font style to italic with setStyle
8.Set button corder radius to 10 with setStyleSet button corder radius to 10 with setStyle
9.Button text with the class selector is redButton text with the class selector is red
10.Button text with the implicit type selector is yellowButton text with the implicit type selector is yellow
11.Apply style to Button by using the setStyle() methodApply style to Button by using the setStyle() method
12.Button's width and heightButton's width and height
13.Button Component
14.Button with inner scriptButton with inner script
15.Button DemoButton Demo
16.Button with Icon DemoButton with Icon Demo
17.Button Icon Label PlacementButton Icon Label Placement
18.Set right position for ButtonSet right position for Button
19.Set the button width and heightSet the button width and height