Jun 13, 2007
Skinning HDividedBox in flex
To skin the HDividedBox you find in the reference that you have to adjust the DividedBox in the css.
DividedBox
{
dividerSkin: Embed(source=”flex_skins2.swf”,symbol=”DividedBox_dividerSkin”);
horizontalCursor: Embed(source=”flex_skins2.swf”,symbol=”DividedBox_horizontalCursor”);
verticalCursor: Embed(source=”flex_skins2.swf”,symbol=”DividedBox_dividerSkin”);
}
But that doesn’t work. You have to specify what divided box you wanna skin. I searched for this more than one hour! My first solution that worked whas to assign a custom class to the object. Afterwards a colleague asked if I tried to specify the type of divided box. The following code works.
HDividedBox
{
dividerSkin: Embed(source=”flex_skins2.swf”,symbol=”DividedBox_dividerSkin”);
horizontalCursor: Embed(source=”flex_skins2.swf”,symbol=”DividedBox_horizontalCursor”);
verticalCursor: Embed(source=”flex_skins2.swf”,symbol=”DividedBox_dividerSkin”);
}
VDividedBox
{
dividerSkin: Embed(source=”flex_skins2.swf”,symbol=”DividedBox_dividerSkin”);
horizontalCursor: Embed(source=”flex_skins2.swf”,symbol=”DividedBox_horizontalCursor”);
verticalCursor: Embed(source=”flex_skins2.swf”,symbol=”DividedBox_dividerSkin”);
}
See also
Skinning flex


