Bind Panel width to HSlider : Slider « Components « Flex






  1. Flex
  2. Components
  3. Slider

Bind Panel width to HSlider

Bind Panel width to HSlider
         
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="#FFFFFF">

  <mx:Panel title="Empty Panel" width="{mySlider.value}" height="150" />
  <mx:TextArea width="300" text="Panel width is bound to HSlider below." />
  <mx:HSlider id="mySlider" snapInterval="5" minimum="100" maximum="350" value="250"/>
</mx:Application>








Related examples in the same category

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