In a previous example, “Creating a toggleable LinkButton control in Flex”, we saw how you could create a toggleable Flex LinkButton control by extending the mx.skins.halo.LinkButtonSkin and adding custom “selectedUpSkin”, “selectedOverSkin”, “selectedDownSkin”, and “selectedDisabledSkin” skin states.
The following example shows how you can create a toggleable MX LinkButton control in Flex 4 by creating a custom MX LinkButton skin and specifying a background fill for the selected (“selectedUp”, “selectedOver”, “selectedDown”, and “selectedDisabled”) states.
[click to continue…]
Tagged as:
Gumbo,
skin,
toggle
In a previous example, “Setting a gradient background fill on a Halo TextArea control in Flex 4″, we saw how you could create a linear gradient background on a Halo/MX TextArea control in Flex 4 by creating a custom border skin with a LinearGradient fill and setting the borderSkin style.
The following example shows how you can create a linear gradient background on a Spark TextArea control in Flex 4 by modifying the background fill in the TextArea control’s skin to a LinearGradient.
Full code after the jump.
[click to continue…]
Tagged as:
background,
entries,
fill,
GradientEntry,
Gumbo,
lineargradient,
rotation,
skin,
skinClass,
TextAreaSkin
The following example shows how you can set the fill colors on a Halo Button control (with default Spark skin) in Flex 4 by creating a custom skin and setting the gradient colors in the fill layer:
<!-- layer 2: fill -->
<s :Rect left="1" right="1" top="1" bottom="1"
radiusX="2" radiusY="2">
</s><s :fill>
</s><s :LinearGradient rotation="90">
<s :GradientEntry color="red"
color.overStates="haloGreen"
alpha="0.85"
alpha.selectedOver="1" />
<s :GradientEntry color="haloOrange"
color.overStates="haloBlue"
alpha="0.85"
alpha.selectedOver="1" />
</s>Full code after the jump.
[click to continue…]
Tagged as:
fillColors,
Gumbo,
skin
In a previous example, “Removing the vertical separator from the ComboBox control in Flex”, we saw how you could remove the vertical separator from the Flex ComboBox control by creating a custom ComboBox skin using ActionScript.
The following example shows how you can remove the vertical separator fro a Halo ComboBox control (with default Spark skin) in Flex 4 by creating a custom skin and setting the skin style.
Full code after the jump.
[click to continue…]
Tagged as:
Gumbo,
skin
The following example shows how you can set a background image fill on a Halo Button control (with default Spark skin) in Flex 4 by creating a custom Button skin and setting the skin style.
Full code after the jump.
[click to continue…]
Tagged as:
Gumbo,
skin
