> Hi
> I have skinned a buttonbar, I have replaced the button with a O as FXG
>
> this is a 2 level skin,
>
> I want top to pass down the color to be used to fill in the O
>
>
> I tried to use <s:SolidColor id="cfill" color="{hostComponent.stageColor}"
>
>
> with out any luck
>
>
>
> ========================================================================================
>
> Component
>
>
> <?xml version="1.0" encoding="utf-8"?>
> <s:ButtonBar xmlns:fx="http://ns.adobe.com/mxml/2009";
> xmlns:s="library://ns.adobe.com/flex/spark"
> xmlns:mx="library://ns.adobe.com/flex/mx"
>
> skinClass="com.peach.uofs.lesson.ActivityButtonBarSkin">
> <fx:Declarations>
> <!-- Place non-visual elements (e.g., services, value objects)
> here -->
>
> <fx:String id="stageColor" />
> </fx:Declarations>
>
>
> </s:ButtonBar>
>
> ========================================================================================
> --- then ---
>
> PS do you need all 3 button declarations ???
>
>
>
> <?xml version="1.0" encoding="utf-8"?>
>
> .
> .
> .
> .
>
> <s:states>
> <s:State name="normal" />
> <s:State name="disabled" />
> </s:states>
>
> <fx:Declarations>
> <!---
> @copy spark.components.ButtonBar#firstButton
> @default spark.skins.spark.ButtonBarFirstButtonSkin
> @see spark.skins.spark.ButtonBarFirstButtonSkin
> -->
> <fx:Component id="firstButton">
> <s:ButtonBarButton
> skinClass="com.peach.uofs.lesson.ActivityButtonBarButton" />
> </fx:Component>
>
> <!---
> @copy spark.components.ButtonBar#middleButton
> @default spark.skins.spark.ButtonBarMiddleButtonSkin
> @see spark.skins.spark.ButtonBarMiddleButtonSkin
> -->
> <fx:Component id="middleButton" >
> <s:ButtonBarButton
> skinClass="com.peach.uofs.lesson.ActivityButtonBarButton" />
> </fx:Component>
>
> <!---
> @copy spark.components.ButtonBar#lastButton
> @default spark.skins.spark.ButtonBarLastButtonSkin
> @see spark.skins.spark.ButtonBarLastButtonSkin
> -->
> <fx:Component id="lastButton" >
> <s:ButtonBarButton
> skinClass="com.peach.uofs.lesson.ActivityButtonBarButton" />
> </fx:Component>
>
> </fx:Declarations>
>
>
> .
> .
> .
> .
> .
>
> </s:Skin>
>
>
> ========================================================================================
>
> --- then
>
> .
> .
> .
> ..
>
>
> <s:Group >
> <s:Ellipse width="14.9727" height="14.9727"
> horizontalCenter="0" verticalCenter="0">
> <s:fill>
> <s:SolidColor id="cfill"
> color="{hostComponent.stageColor}" />
> </s:fill>
> <s:stroke>
> <s:SolidColorStroke weight="1.29532"
> caps="none" joints="miter" miterLimit="4" color="#505050"/>
> </s:stroke>
> </s:Ellipse>
> </s:Group>
