The contentGroup of the skin is empty :-)  Anything you add as the child of
the TitleWindow, will get added to this contentGroup.
Hope that helps.

Thanks,
Om


2014-03-14 16:13 GMT-07:00 After24 <[email protected]>:

> Sure,
>
>
>
>
>
> <?xml version="1.0" encoding="utf-8"?>
>
> <s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009";
> xmlns:s="library://ns.adobe.com/flex/spark"
>                          xmlns:fb="http://ns.adobe.com/flashbuilder/2009";
>                          xmlns:components="fr.after24.tests.components.*"
>                          blendMode="normal" mouseEnabled="false"
>                          minWidth="150" minHeight="100"
> alpha.disabled="0.5"
>                          alpha.disabledWithControlBar="0.5"
> rollOut="hideControls()"
> xmlns:mx="library://ns.adobe.com/flex/mx">
>
>         <fx:Metadata>
>
>         </fx:Metadata>
>
>
>         <fx:Declarations>
>                 <s:Fade id="fade" targets="{controls}" duration="250" />
>                 <mx:Resize id="resize" targets="{this}" duration="250" />
>         </fx:Declarations>
>
>
>         <fx:Script fb:purpose="styling">
>
>         </fx:Script>
>
>
>         <s:states>
>
>                 <s:State name="inactive" stateGroups="inactiveGroup" />
>                 <s:State name="disabled" />
>
>                 <s:State name="normal" />
>                 <s:State name="updating" />
>                 <s:State name="updatingAndMaximized" />
>                 <s:State name="normalAndMaximized" />
>
>
>                 <s:State name="normalWithControlBar"
> stateGroups="withControls" />
>                 <s:State name="inactiveWithControlBar"
> stateGroups="withControls,
> inactiveGroup" />
>                 <s:State name="disabledWithControlBar"
> stateGroups="withControls" />
>
>         </s:states>
>
>
>
>         <s:Group left="0" right="0" top="0" bottom="0">
>
>                 <s:Rect id="background" left="0" top="0" right="0"
> bottom="0">
>                         <s:fill>
>                                 <s:SolidColor id="backgroundFill"
> alpha="0"/>
>                         </s:fill>
>                 </s:Rect>
>
>
>
>
>                 <s:Group  id="contents" left="0" right="0" top="0"
> bottom="0">
>
>                         <s:layout>
>                                 <s:VerticalLayout gap="0"
> horizontalAlign="justify" />
>                         </s:layout>
>
>
>
>
>                         <s:Group id="topGroup">
>
>                                 <s:Group id="controlsRollOverGroup"
> left="0" right="0" height="35"
> mouseEnabledWhereTransparent="false"
>
>  rollOver="{showControls()}" >
>
>                                         <s:Rect left="{width +
> titleDisplay.width >> 1}" top="0" right="0"
> bottom="0">
>                                                 <s:fill>
>                                                         <s:SolidColor
> color="#FF0000" alpha="0.0"/>
>                                                 </s:fill>
>                                         </s:Rect>
>
>                                         <s:Rect left="0" top="0" bottom="0"
>                                                         width="{width +
> (hostComponent.editable ? - titleDisplay.width : +
> titleDisplay.width) >> 1}" >
>
>                                                 <s:fill>
>                                                         <s:SolidColor
> color="#FF0000" alpha="0.0"/>
>                                                 </s:fill>
>                                         </s:Rect>
>
>                                 </s:Group>
>
>
>
>                                 <s:Label id="titleDisplay"
> maxDisplayedLines="1" mouseEnabled="true"
>                                                  minHeight="25" top="5"
> horizontalCenter="0"
>                                                  verticalAlign="middle"
> fontWeight="bold" fontSize="15" />
>
>                                 <s:RichEditableText id="titleEditor"
> fontWeight="bold" fontSize="15"
>
> horizontalCenter="0" top="9"
>
> minHeight="25" verticalAlign="middle"
>
> focusSkin="{NoFocusSkin}" lineBreak="explicit"/>
>                         </s:Group>
>
>                         <s:Group id="contentGroup" width="100%"
> height="100%" minWidth="0"
> minHeight="0" />
>
>                 </s:Group>
>
>         </s:Group>
>
>
>
>
>         <s:PopUpAnchor id="popUp" popUpPosition="topLeft"
> popUpWidthMatchesAnchorWidth="false" >
>
>                 <s:Group id="controls" width="100%"
> height="{topGroup.height - 2.5}"
> alpha="0"
>                                  mouseEnabledWhereTransparent="false"
> rollOut="{hideControls()}"
> rollOver="checkRollOverTimeout(event)"  >
>
>                         <s:Rect left="{width + titleDisplay.width >> 1}"
> right="0"
>
> height="{controlsRollOverGroup.height}" minWidth="{width -
> titleDisplay.width >> 1}"
>                                         >
>                                 <s:fill>
>                                         <s:SolidColor color="#0000FF"
> alpha="0.0" />
>                                 </s:fill>
>
>                         </s:Rect>
>
>                         <s:Rect width="{width + (hostComponent.editable ?
> - titleDisplay.width :
> + titleDisplay.width) >> 1}"
>
> height="{controlsRollOverGroup.height}" >
>
>                                 <s:fill>
>                                         <s:SolidColor color="#0000FF"
> alpha="0.0" />
>                                 </s:fill>
>                         </s:Rect>
>
>                         <s:HGroup id="controlsGroup"
> verticalAlign="middle" verticalCenter="0"
>                                           left="{width +
> titleDisplay.width >> 1}" paddingLeft="7">
>
>                                 <s:Group id="dragArea" buttonMode="true"
> useHandCursor="true"
> mouseEnabled="true" width="10" height="10">
>                                         <s:BitmapImage
> source="@Embed(source='fr/after24/tests/assets/moveArea.png')" />
>                                 </s:Group>
>
>                                 <components:BitmapButton id="updateButton"
> buttonMode="true"
> useHandCursor="true"
>
> imageSource="@Embed(source='fr/after24/tests/assets/updateButton.png')"
>
>        enabled="{!hostComponent.isUpdating}" />
>
>                                 <components:BitmapButton
> id="maximizeButton" buttonMode="true"
> useHandCursor="true"
>
>        excludeFrom="normalAndMaximized,updatingAndMaximized"
>
> imageSource="@Embed(source='fr/after24/tests/assets/maximizeButton.png')"
> />
>
>                                 <components:BitmapButton
> id="minimizeButton" buttonMode="true"
> useHandCursor="true"
>
>        includeIn="normalAndMaximized, updatingAndMaximized"
>
> imageSource="@Embed(source='fr/after24/tests/assets/minimizeButton.png')"
> />
>
>                                 <components:BitmapButton id="closeButton"
> buttonMode="true"
> useHandCursor="true"
>
> imageSource="@Embed(source='fr/after24/tests/assets/closeButton.png')" />
>
>                         </s:HGroup>
>
>                 </s:Group>
>
>         </s:PopUpAnchor>
>
> </s:SparkSkin>
>
>
>
>
> --
> View this message in context:
> http://apache-flex-users.2333346.n4.nabble.com/Skinning-issue-tp5522p5540.html
> Sent from the Apache Flex Users mailing list archive at Nabble.com.
>

Reply via email to