The following example shows how you can control the data tip offset in a Flex HSlider control by setting the dataTipOffset style.
Full code after the jump.
Continue reading ‘Setting the data tip offset in a Slider control in Flex’
Tag Archive for 'hslider'
09
May
Using a Slider control as a DataGrid column item renderer in Flex
By peterd
2 Comments
Categories: HSlider
Tags: DataGrid, HSlider, itemRenderer, outerDocument.
The following example shows how you can use an HSlider control as an item renderer in a Flex DataGrid control.
Full code after the jump.
Continue reading ‘Using a Slider control as a DataGrid column item renderer in Flex’
06
May
Setting the tick thickness on a Slider control in Flex
By peterd
2 Comments
Categories: HSlider and Slider
Tags: HSlider, Slider, tickInterval, tickThickness.
The following example shows how you can set the thickness of a tick on a Flex HSlider control by setting the tickThickness style.
Full code after the jump.
Continue reading ‘Setting the tick thickness on a Slider control in Flex’
03
Nov
Customizing a slider control’s data tip
By peterd
0 Comments
Categories: Slider
Tags: dataTipOffset, dataTipStyleName, HSlider, Slider, VSlider.
The following example shows how you can customize a slider control’s data tip in Flex. This example uses an embedded font and a data tip with a negative data tip offset that overlaps the slider thumb.
Full code after the jump.
03
Nov
Programmatically positioning tick marks on a slider control
By peterd
3 Comments
Categories: Slider
Tags: HSlider, Slider, tickValues, VSlider.
The following example shows how you can programmatically set tick positions on a Flex Slider control by setting the tickValues property.
Full code after the jump.
Continue reading ‘Programmatically positioning tick marks on a slider control’
03
Nov
Toggling a Flex Slider control’s tickInterval property
By peterd
0 Comments
Categories: Slider
Tags: HSlider, Slider, tickInterval, VSlider.
The following example shows how you can toggle a Flex Slider control’s tick marks so they are only visible while the user’s mouse cursor is over the HSlider/VSlider control.
Full code after the jump.
Continue reading ‘Toggling a Flex Slider control’s tickInterval property’
The following example shows a very simple (and probably somewhat buggy) tip calculator which I put together in a few minutes using Flex. Nothing really new, but sometimes its fun to combine a few of the things we’ve covered over the past posts and build something a bit more interesting.
Full code after the jump.
The following example shows how you can customize a slider control (HSlider or VSlider) and use your own custom embedded image instead of the default triangle thumb skin.
Full code after the jump.
The following example shows how you can customize the duration and easing function used when a user clicks on a thumb track on an HSlider or VSlider control in Flex.
Full code after the jump.
Continue reading ‘Customizing the slide duration and slide easing function on a Flex slider control’
12
Sep
Styling the HSlider control using CSS
By peterd
0 Comments
Categories: VSlider, HSlider and Slider
Tags: @font face, dataTipOffset, dataTipPlacement, dataTipPrecision, dataTipStyleName, HSlider, labelStyleName, styleName.
The following example shows how you can style a HSlider (or VSlider) control in Flex using Cascading Style Sheets (CSS).
Full code after the jump.
11
Sep
Customing the Flex HSlider and VSlider controls
Categories: VSlider, HSlider and Slider
Tags: allowTrackClick, dataTipPlacement, dataTipPrecision, dataTipStyleName, HSlider, showDataTip, showTrackHighlight.
The following example shows how you can customize several properties and styles in the Flex HSlider control.
Full code after the jump.
Continue reading ‘Customing the Flex HSlider and VSlider controls’
22
Aug
Using overlapping slider thumbs in the Flex Slider controls
By peterd
2 Comments
Categories: VSlider, HSlider and Slider
Tags: allowThumbOverlap, HSlider, showTrackHighlight, Slider, thumbCount, VSlider.
I was playing around with the HSlider component tonight and was checking out the allowThumbOverlap property. The following example creates a horizontal slider with 2 slider thumbs and lets you toggle the allowThumbOverlap property with the showTrackHighlight property set to true.
Full code after the jump.
Continue reading ‘Using overlapping slider thumbs in the Flex Slider controls’
21
Aug
Highlighting a Slider control’s track using the showTrackHighlight style
By peterd
3 Comments
Categories: Slider
Tags: HSlider, showTrackHighlight, Slider, thumbCount, VSlider.
Well, the title of the post pretty much says it all, but I just noticed this today. It seems that you can highlight the HSlider/VSlider track by setting the showTrackHighlight style to true. I made this really quick mini-app which lets you toggle the style on and off, as well as see the behavior of 1 slider thumb versus 2 slider thumbs.
Full code after the jump.
Continue reading ‘Highlighting a Slider control’s track using the showTrackHighlight style’
I was playing around with the HSlider the other day and needed to format the data tool tip. Thankfully, the Flex SDK makes it very very easy, all you need to do to override the default data tip using the dataTipFormatFunction property. By simply passing in the name of a user-defined function, you can format the data tip text however you want (such as prefixing dollar signs or what have you).
Full code after the jump.
