Use HSlider to choose value

      

<?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 long is your commute (mins)?" />
            <mx:HSlider id="commuteTimeRange" 
                        minimum="0" 
                        maximum="180"
                        snapInterval="5" 
                        tickInterval="15" 
                        labels="[0 mins,180 mins]"
                        thumbCount="2"
                        change="showMsg(commuteTimeRange.values.toString())">
            </mx:HSlider>
        </s:VGroup>
    </mx:Panel>
</mx:Application>

Related examples in the same category

1.	Formatting data tips in a Slider
2.	Set snap interval value to 1 for horizontal slider
3.	Set tick interval value for horizontal slider
4.	Set value for horizontal slider
5.	Set minimum value to 1 for horizontal slider
6.	Set Horizontal slider to live dragging
7.	Use VSlider to choose value
8.	Two thumbs with thumbCount = 2
9.	Use a change event to show slider value in a TextArea control
10.	Use slider controls to adjust the effect's properties
11.	Call setThumbValueAt() method of HSlider to change the slider value
12.	Horizontal slider Label settings
13.	HSlider, snap and tick interval
14.	VSlider maximum, snap and tick interval
15.	Bind slider value to a Text control
16.	change event for HSlider
17.	Slider values property is a two-element array that contains the current value of the thumbs
18.	Get thumb index for two-thumb slider
19.	Use Slider to control the image width, height and alpha
20.	Bind Slider value to a Label
21.	Set minimum, maximum, tickInterval, snapInterval and Labels for Slider
22.	Rotating Fonts With Slider
23.	change width with slider
24.	Use Slider to control the width and height of ConstraintColumn
25.	Use Slider to control the background color for a Box
26.	Set Slider tip function
27.	Show a horizontal slider and a vertical slider with different properties set.
28.	HSlider Binding
29.	HSlider Event
30.	HSlider Data Tip
31.	Set alpha of DisplayObject when you move the slider
32.	Specify an offset used when adding a data child to the canvas for the labels with an HSlider control.
33.	Use Slider to change vertical Scroll Position
34.	Use dataTipFormatFunction to format the data tip text
35.	Invoke adjustThumb() method when the user clicks the button
36.	Bind Panel width to HSlider

Use HSlider to choose value : Slider « Components « Flex

Related examples in the same category