Thursday, August 27, 2009

Use of hostComponent inside spark skin: Title bar as Container

The following example shows how you can use title bar as container using hostComponent inside panel skin. Here the customized spark panel class is inherited from spark panel. This is an extension of my previous example Use of hostComponent inside spark skin: Title bar height of Spark Panel.

The following example(s) require Adobe Flex 4 SDK and Flash Player 10.



Download Source Code
  1. Custom Panel (Application)
  2. Custom Spark Panel (Panel)
  3. Custom Panel Skin (Skin)

Friday, August 21, 2009

Use of hostComponent inside spark skin: Title bar height of Spark Panel

The following example shows how you can set title bar height of a Customized spark panel using hostComponent inside panel skin. This is an extension of my previous example Use of hostComponent inside spark skin: Create your own customized spark panel.

The following example(s) require Adobe Flex 4 SDK and Flash Player 10.



Download Source Code
  1. Custom Panel (Application)
  2. Custom Spark Panel (Panel)
  3. Custom Panel Skin (Skin)

Thursday, August 20, 2009

Use of hostComponent inside spark skin: Create your own customized spark panel

The following example shows how you can use customized component as hostComponent inside a customized skin. After creating CustomSparkPanel I have changed [HostComponent("spark.components.Panel")] to [HostComponent("CustomSparkPanel")] in CustomizedPanelSkin.mxml file and modified accordingly.

The following example(s) require Adobe Flex 4 SDK and Flash Player 10.



Download Source Code

  1. Custom Panel (Application)
  2. Custom Spark Panel (Panel)
  3. Custom Panel Skin (Skin)