Posts tagged as:

borderSkin

Setting a gradient background fill on a Halo TextArea control in Flex 4

by Peter deHaan on October 24, 2009

in TextArea, beta2

In a previous example, “Setting the background fill color on a Halo TextArea control in Flex 4″, we saw how you could set the background fill color on the Halo TextArea control (with default Spark skin) in Flex 4 by setting the contentBackgroundColor style.

The following example shows how you can 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.

Full code after the jump.

[click to continue…]

Tagged as: , , ,

{ 0 comments }

Removing the border from the Halo Tree control in Flex 4

by Peter deHaan on August 28, 2009

in Tree, beta1

The following example shows how you can remove or modify the border on the Halo Tree control (with default Spark skin) in Flex 4 by setting the borderSkin style.

Full code after the jump.

[click to continue…]

Tagged as: ,

{ 0 comments }

Setting a control bar background image fill on a Halo Panel control in Flex 4

by Peter deHaan on July 8, 2009

in Panel, beta1

The following example shows how you can set the control bar background image fill on a Halo Panel control (with default Spark skin) in Flex 4 by setting the borderSkin style.

Full code after the jump.

[click to continue…]

Tagged as: ,

{ 2 comments }

Setting a title background image fill on a Halo Alert control in Flex 4

by Peter deHaan on July 7, 2009

in Alert, beta1

In a previous example, “Setting a background image fill on a Halo Alert control in Flex 4″, we saw how you could can a repeating background image fill on a Halo Alert control (with default Spark skin) in Flex 4 by setting the borderSkin style.

The following example shows how you can set the title bar background image fill on a Halo Alert control (with default Spark skin) in Flex 4 by setting the borderSkin style.

Full code after the jump.

[click to continue…]

Tagged as: ,

{ 0 comments }

Removing the default dropshadow from the Halo Alert control in Flex 4

by Peter deHaan on July 6, 2009

in Alert, beta1

The following example shows how you can remove the default dropshadow from the Halo Alert control (with default Spark skins) in Flex 4 by setting the borderSkin style.

Full code after the jump.

[click to continue…]

Tagged as: ,

{ 0 comments }

Setting a background image fill on a Halo Alert control in Flex 4

by Peter deHaan on July 5, 2009

in Alert, beta1

The following example shows how you can set a repeating background image fill on a Halo Alert control (with default Spark skin) in Flex 4 by setting the borderSkin style.

Full code after the jump.

[click to continue…]

Tagged as: , ,

{ 1 comment }

Setting the background fill image on a Halo DataGrid in Flex 4

by Peter deHaan on July 4, 2009

in DataGrid, beta1

The following example shows how you can set the background fill image on a Halo DataGrid control (with default Spark skin) in Flex 4 by setting the borderSkin and alternatingItemColors styles.

Full code after the jump.

[click to continue…]

Tagged as: ,

{ 0 comments }

Setting the corner radius on the Halo Alert control in Flex 4

by Peter deHaan on June 20, 2009

in Alert, beta1

The following example shows how you can set the corner radius on the Halo TextArea control (with default Spark skin) in Flex 4 by creating a custom skin and setting the radiusX and radiusY properties on the Rect objects (in Flex 3 and earlier this was done by setting the cornerRadius style directly).

Full code after the jump.

[click to continue…]

Tagged as: , ,

{ 3 comments }

Changing the background alpha on the Halo TextArea control in Flex 4

by Peter deHaan June 9, 2009

The following example shows how you can set the background alpha on the Halo TextArea control’s Spark skin in Flex 4 by setting the borderSkin style. As you may have noticed, the Halo components have new “Spark” themed skins in Flex 4 (basically so you can use Halo+Spark components in the same Flex project and [...]

Read the full article →

Removing the border skin on a List control in Flex

by Peter deHaan February 2, 2009

The following example shows how you can remove the border skin on a Flex List control by setting the borderSkin style to null using MXML, CSS, and ActionScript.
Full code after the jump.

Read the full article →