Pixelbox

Welcome to Pixelbox. Thursday the 20 of November 2008

Skip to content >>

Skinning Scrollbars in Flex 3

Skinning in Flex 3 can be a bit of a nightmare as there is no code complete for CSS and it's often very hard to find documentation.

I ran into a small problem when wanting to create an Apple esq scroll bar for a data grid, firstly you have to apply scale-9 skinning to the thumb (the bit you drag) so it doesn't deform when the amount of data changes.

Then the main problem is that the Apple style arrows have kind of dock that the thumb slides into, which is a problem as Flex doesn't seem to let the thumb overlap the arrows, or offer you any height and width control for them.

So to work around this I use scale 9 on the track and added the start of the button (the bit that docks) to the top and bottom, as the thumb can slide over the track, giving the effect it's going into the button.

I expect that is rather confusing but take a look at the example...

View the Flex custom scroll bar skinning demo View source

Meta tags: Random

Microformats hcard HTML

Microformat’s are great, and enable us to add even better semantics to our HTML. Using browser plugins we are starting to see the start of what is possible, Operator 0.9.2 offers fantastic functionality in Firefox, and hopefully we will soon see more main stream implementations by the browser manufacturers. Ideally an IE plugin, but also something [...]
Meta tags: Development, Random

Ocado

About 9 or so years ago I first tried food shopping on-line with Sainsburys. The experience wasn’t great, you had to get a CD sent to you with the products on, then wait for the product update over your 56k modem every time you started up, and then not receive half the stuff you ordered, [...]
Meta tags: Random

GTA IV

Unless you have been ignoring almost every form of news over the past few weeks, you will be aware that the latest version of GTA has been released on Xbox 360 and PS3. I am a big fan of the series, ever since I used to sneak into the careers office at school and play [...]
Meta tags: Random

Binding to private vars in Flex

Using Bindable variables and properties in Flex (Action Script 3) is great, it saves a huge amount of time adding events left right and center. However today I had a problem where I wanted to use a setter for a variable. In order to do this I made it private and used a getter and [...]
Meta tags: AIR, Development, Flex

« Previous PageNext Page »