Resizing a Flex List control using the rowCount property

By Peter deHaan On October 28, 2007 · 17 Comments

The following example shows how you can resize a List control in Flex using the rowCount property. By setting the rowCount property, the List control is automatically resized so that only the specified number of rows are displayed.

Full code after the jump.

Continue Reading →

Building a simple tip calculator in Flex

By Peter deHaan On September 17, 2007 · 10 Comments

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.

[...]

Continue Reading →

Changing a slider control’s thumb skin

By Peter deHaan On September 12, 2007 · 52 Comments

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.

[...]

Continue Reading →

Customizing the slide duration and slide easing function on a Flex slider control

By Peter deHaan On September 12, 2007 · Leave a Comment

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 →

Styling the HSlider control using CSS

By Peter deHaan On September 12, 2007 · Leave a Comment

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.

 

Continue Reading →

Customing the Flex HSlider and VSlider controls

By Peter deHaan On September 11, 2007 · 29 Comments

The following example shows how you can customize several properties and styles in the Flex HSlider control.

 

Continue Reading →

Using overlapping slider thumbs in the Flex Slider controls

By Peter deHaan On August 22, 2007 · 10 Comments

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 →

Highlighting a Slider control’s track using the showTrackHighlight style

By Peter deHaan On August 21, 2007 · 8 Comments

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 [...]

Continue Reading →

Using the TextRange class to hightlight text

By Peter deHaan On August 1, 2007 · 4 Comments

I was working on a mini-app the other night, and was trying to figure out how to color only certain words in a text-based control. After a bit of poking around, I discovered that the TextRange class seems to be the right tool for the job.

Full code after the jump.

Continue Reading →

Formatting multiple data tips in a Slider

By Peter deHaan On July 23, 2007 · Leave a Comment

Some imaginary blog reader asks, “How do i change a Slider’s dataTip based on which Slider thumb is being dragged?”
I crafted up this sneaky code to listen for the thumbPress and thumbRelease events to log which slider is being… slid?

Full code after the jump.

Continue Reading →

Formatting data tips in a Slider

By Peter deHaan On July 18, 2007 · 4 Comments

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 [...]

Continue Reading →