Set Labels for VSlider

     

<?xml version='1.0' encoding='UTF-8'?>
<mx:Application 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        
        import mx.controls.Alert;
        public function showMsg(msg:String):void {
            Alert.show(msg);
        }
      
    </mx:Script>
    <mx:Panel title="Profile">
        <s:VGroup>
            <mx:Label fontWeight="bold"
                text="How tall are you (cm)?" />
            <mx:VSlider id="yourHeight" 
                        minimum="0" 
                        maximum="300"
                        tickInterval="50" 
                        snapInterval="1"
                        labels="[0,50,100,150,200,250,300]"
                        change="showMsg(yourHeight.values.toString())" />
        </s:VGroup>
    </mx:Panel>
</mx:Application>

Related examples in the same category

1.	TextField CSS Class
2.	tag represents a Label control
3.	Label with
4.	Set all Label components to use the Blue color
5.	Apply a drop shadow to a Label control by using expanded MXML syntax and inline syntax
6.	Styling Label
7.	represents a Label control
8.	Use ActionScript to declare two Label controls
9.	Defines myName and myHometown variables and binds them to the text of Label controls in the initVars() method
10.	Use bindable string variable to set the Label text
11.	Binds variables to Label
12.	Create a region that is 50 pixels wide for the axis labels, titles, and tick marks
13.	Set the labelGap property of a chart's axes
14.	Binding ActionScript variable to Label control
15.	Set Label text with attribute and nested tag
16.	Define a Label tag
17.	Selectable Label
18.	Truncate Label To Fit the width
19.	Label with Constraints
20.	Format float number for Label
21.	Label Control
22.	Label Control Link Event
23.	Apply a drop shadow to Label controls by using expanded MXML syntax and inline syntax
24.	Specify the value of the labelFunction property for one of the vertical axis renderers.
25.	Use ActionScript to change value of Button's label property when button clicked
26.	Creates a Button control with a label and an icon:
27.	Block changes Button's label property when the user clicks the button
28.	Button label
29.	Set label for a Button with child tag
30.	label for check box and button
31.	A Button control with the label "Hello world!":
32.	Truncate To Fit by setting truncateToFit to true
33.	Celsius and Fahrenheit converter
34.	Inline Celsius and Fahrenheit converter
35.	without an explicit function call

Set Labels for VSlider : Label « Components « Flex

Related examples in the same category