Customizing RoboHelp Skins

I'm running into a problem with the customization of my skin for RoboHelp I've created all of my own custom tabs and have linked them to their own separate page.  However, I'm limited to the number of tabs that I can have.  Is there a set amount of tabs that you can display?  Has anyone else run into this problem?  Is there a work around?
Thanks

Hi there
I've seen it happen before. While there is no specified limitation, obviously there HAS to be some limitation.
Question here, are you using the "Search Input Field in Toolbar" option? If so, try disabling that and see if you can get more tabs to show. I seem to recall that the last time this issue cropped up on the forums (admittedly quite a while back) that we found in that particular case there was a limit of 13 tabs for the individual posting.
Cheers... Rick
Begin learning RoboHelp HTML 7 within the day - $24.95!
Click here for Adobe Certified Captivate and RoboHelp HTML Training
Click here for the SorcerStone Blog
Click here for RoboHelp and Captivate eBooks

Similar Messages

  • Error while deploying, Custom Style Skin in OBIEE 11.1.1.6.7

    Hi,
    I have deployed Custom Style Skin in OBIEE 11.1.1.5 successfuly (with the help of http://www.rittmanmead.com/2010/12/oracle-bi-ee-11g-styles-skins-custom-xml-messages/ ).
    Now when we're moving RPD, Catalog & Custom Style Skin from OBIEE 11.1.1.5 to OBIEE 11.1.1.6.7, I could deploy RPD & Catalog but am not able to deploy Custom Style & Skin Folders.
    If you are aware of the process of deploying Custom Style & Skins (as mentioned in the link above), it requies:
    1. Custom Style & Skins folder to be Deploy using Weblogic Console.
    2. Making necessary changes in instanceconfig.xml (to point to the deployed folder) ---- this is where it's failing.
    When I do add necessary tags ( <URL> & <UI>) in instanceconfig.xml and restart Services. Presentation Services dosen't come up. Error message that is in log file is:
    In element URL: Can not have element children within a simple content.
    unknown element 'UI'
    Element 'UI' is not valid for content model : 'All(URL, SocketTimeoutSec,FileSizeMB)'
    Any pointers?
    Regards,
    Jitendra

    Hi,
    I too faced such issue, actually obiee11.1.1.5 version skin and style wont work in obiee11.1.1.6.0 and above patch ..
    u have do it once again by using obiee11.1.1.6.0 skin (because the 11.1.16.0 has UI and skin different from 11.1.1.5.0 )
    Thanks
    Deva

  • Need help creating custom .swf skin and exporting for use

    Please, can anyone help...
    I am currently working on a projects that needs to have a custom flash skin player.
    I have tried copying and editing excisting skins, but when I export the swf and fla into the crrect folders, I am able to select it from the skin list- however it doesn;t show in the player.
    Am I exporting/publishing this in the correct way and to the right folders?
    If anyone can give me a tip of how to achieve this that would be great, or a link to somewhere that may have the infor I'd be happy,
    Cheers
    Cliff

    Hi,
    Do you mean skinning FLVPlayback palyer?
    Warm Regards
    Deepanjan Das
    http://deepanjandas.wordpress.com/

  • [svn:fx-trunk] 5465: Now that padding set on a TextInput does not affect the inner textView, we need to add a custom TextInput skin for the TextInput a Spark NumericStepper contains .

    Revision: 5465
    Author: [email protected]
    Date: 2009-03-20 11:52:56 -0700 (Fri, 20 Mar 2009)
    Log Message:
    Now that padding set on a TextInput does not affect the inner textView, we need to add a custom TextInput skin for the TextInput a Spark NumericStepper contains. Jim ok'ed the addition of the new FxNumericStepperTextInputSkin.mxml class into the spark.skins and wireframe packaged.
    SDK-18275, SDK-19849
    Reviewer: Glenn
    Checkintests: Pass
    Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-18275
    http://bugs.adobe.com/jira/browse/SDK-19849
    Modified Paths:
    flex/sdk/trunk/frameworks/projects/flex4/src/mx/components/FxNumericStepper.as
    flex/sdk/trunk/frameworks/projects/flex4/src/mx/skins/spark/FxNumericStepperSkin.mxml
    flex/sdk/trunk/frameworks/projects/wireframe/src/wireframe/FxNumericStepperSkin.mxml
    Added Paths:
    flex/sdk/trunk/frameworks/projects/flex4/src/mx/skins/spark/FxNumericStepperTextInputSkin .mxml
    flex/sdk/trunk/frameworks/projects/wireframe/src/wireframe/FxNumericStepperTextInputSkin. mxml

    Revision: 5465
    Author: [email protected]
    Date: 2009-03-20 11:52:56 -0700 (Fri, 20 Mar 2009)
    Log Message:
    Now that padding set on a TextInput does not affect the inner textView, we need to add a custom TextInput skin for the TextInput a Spark NumericStepper contains. Jim ok'ed the addition of the new FxNumericStepperTextInputSkin.mxml class into the spark.skins and wireframe packaged.
    SDK-18275, SDK-19849
    Reviewer: Glenn
    Checkintests: Pass
    Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-18275
    http://bugs.adobe.com/jira/browse/SDK-19849
    Modified Paths:
    flex/sdk/trunk/frameworks/projects/flex4/src/mx/components/FxNumericStepper.as
    flex/sdk/trunk/frameworks/projects/flex4/src/mx/skins/spark/FxNumericStepperSkin.mxml
    flex/sdk/trunk/frameworks/projects/wireframe/src/wireframe/FxNumericStepperSkin.mxml
    Added Paths:
    flex/sdk/trunk/frameworks/projects/flex4/src/mx/skins/spark/FxNumericStepperTextInputSkin .mxml
    flex/sdk/trunk/frameworks/projects/wireframe/src/wireframe/FxNumericStepperTextInputSkin. mxml

  • Custom button skin with scaleGrid 9 slice image does not appear in Design Mode

    So in a custom button skin I have a nine sliced image, and then throw that onto an MXML page. In design view, I cannot get the component to show the image that I've thrown on it. Unless I do a hack on the MXML page by adding the image in it's scaleGrid form to the page somewhere. Then it seems to act as like a preloader for the image so it actually displays. But I don't want to do this hack on every page that uses this component. Is there a work around?
    Here's the button skin:
    <?xml version="1.0" encoding="utf-8"?>
    <s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
                        xmlns:s="library://ns.adobe.com/flex/spark"
                        width.disabled="296" height.disabled="73">
    <!-- host component -->
    <fx:Metadata>
                        [HostComponent("spark.components.Button")]
                        [Embed('assets/art/shared/[email protected]', scaleGridTop=20, scaleGridBottom=85, scaleGridLeft=40, scaleGridRight=60)]
    </fx:Metadata>
    <!-- states -->
    <s:states>
                        <s:State name="disabled" />
                        <s:State name="down" />
                        <s:State name="over" />
                        <s:State name="up" />
    </s:states>
              <s:Group width="100%" height="100%" >
      <s:Image width="100%" height="100%" smooth="true" source="@Embed('assets/art/shared/[email protected]', scaleGridTop=20, scaleGridBottom=85, scaleGridLeft=40, scaleGridRight=60)"/>
    </s:Group>
    <!-- text -->
              <s:Label id="labelDisplay" left="10" right="10" top="2" bottom="2" horizontalCenter="0"
                                   maxDisplayedLines="1" textAlign="center" verticalAlign="middle" verticalCenter="1"
                                   color="#FFFFFF" >
      <s:filters>
                                  <s:DropShadowFilter distance="0" angle="90" color="0x000000" alpha="1" blurX="2" blurY="2" strength="16" quality="3" />
      </s:filters>
    </s:Label>
    </s:Skin>
    And then I throw that button into an MXML page. The image doesn't show up in design view.
    <s:Button x="330" y="94" width="134" height="57" label="Button" skinClass="features.shared.NineSliceButtonSkin" />
    This hack, fixes the button! And all other buttons that use that skin.
    <s:Image width="100%" height="100%" smooth="true" source="@Embed('assets/art/shared/[email protected]', scaleGridTop=20, scaleGridBottom=85, scaleGridLeft=40, scaleGridRight=60)"/>
    <s:Button x="330" y="94" width="134" height="57" label="Button" skinClass="features.shared.NineSliceButtonSkin" />

    Looking for an answer too!

  • How to get RoboHelp Skin Development Kit ?

    Hello Everyone,
    I am new to Robo Help. I have instaled trial version of RoboHelp 8. I want to design / customise my own Flash Skins. On going through HTML Help Documents, I learnt that it can be done through "RoboHelp Skin Development Kit", which gets installed during installation of ROBO Help. But I am unable to locate it in the Program Files and also in Adobe RoboHelp 8 folders. Can anyone help me out in that case for getting "RoboHelp Skin Development Kit" ?
    OR is there any link from where I can download it ?? Please suggest..
    Thanks,
    - Ravi

    Hi there
    I was just perusing the RoboHelp folder and I see that it would appear the FlashHelp SDK isn't present among RoboHelp 8 files.
    I've zipped up the files from RoboHelp 7 and uploaded to the link below:
    Click here
    Cheers... Rick
    Helpful and Handy Links
    RoboHelp Wish Form/Bug Reporting Form
    Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
    Adobe Certified RoboHelp HTML Training
    SorcerStone Blog
    RoboHelp eBooks

  • Problem with css reload (custom adf skin)

    I have defined a custom skin but changes in the css does not immediately show in the page. I have not figured out what triggers a rreload of the css. When I delete the generated css from the embedded OC4J a new one i immediately created but with the old values.

    Hello,
    This depends on the version of ADF your using.
    If its 10G, as far as I know, changes will only get picked up after a redeploy and even then you need to force the browser to re download the css (using a force refresh, shift + F5 or the refresh key normally)
    If its 11G, the redeploy should not be needed as long as you force a browser refresh.
    As long as the previously mentioned context parameter is present:
      <context-param>
        <description>If this parameter is true, there will be an automatic check of the modification date of your JSPs, and saved state will be discarded when JSP's change. It will also automatically check if your skinning css files have changed without you having to restart the server. This makes development easier, but adds overhead. For this reason this parameter should be set to false when your application is deployed.</description>
        <param-name>org.apache.myfaces.trinidad.CHECK_FILE_MODIFICATION</param-name>
        <param-value>true</param-value>
      </context-param>-Anton

  • Customer Style & Skins in OBIEE 11.1.1.7

    Hi,
    Did anyone configure custom style and skins in the latest OBIEE (11.1.1.7)? I followed steps mentioned in OBE here http://www.oracle.com/webfolder/technetwork/tutorials/obe/fmw/bi/bi1113/customizing_obiee11g/customizing_obiee11g.htm#t1,
    but that did not work.
    Thanks in advance

    Hi,
    u can add the new skins from the below mentioned path as welll
    obiee 11g  image path
    mark helps
    thanks

  • Custom WebHelp skin

    I want to disappear the SearchInput Textbox and add My LOGO on the right of the toolbar in RoboHelp HTML 8.0.
    But do not find a way to solve it, any suggestions?

    Hi there
    For inserting your own logo, click View > Pods > Project Set-up and edit the skin. You are interested in the About item.
    After you add the logo, you turn the Search Input field off and on by editing the Single Source Layout properties.
    Cheers... Rick
    Helpful and Handy Links
    RoboHelp Wish Form/Bug Reporting Form
    Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
    Adobe Certified RoboHelp HTML Training
    SorcerStone Blog
    RoboHelp eBooks

  • Flex custom style (skin)

    Hello. How can I modify standart style of progress bar controll?

    Hi,
    I hope your using obiee11g, if yes try to deploy multiple skin(skin1,skin2,skin3) via FMW_ Weblogic console then make changes in instanceconfig add your default custom skin info after that login to weblogic dashboard (by using weblogic user)
    Go --> login dashboard page
    http://IP:9704/analytics
    Edit -->DashboardA -->Tools-->Dashboard Properties-->under General Properties you can find Style --> just select your deployed custom skin and save and test it
    Refer Deploy multi skin steps,
    http://obiee101.blogspot.com/2011/07/obiee11g-multi-skin-and-style.html
    Thanks
    Deva

  • Custom Style & Skin

    My company has several different dashboards running in production. Not all of these dashboards are related e.g Accounting, HR, Marketing. Is it possible to create a custom style and skin at the dashboard level that does not affect other dashboards.

    Hi,
    I hope your using obiee11g, if yes try to deploy multiple skin(skin1,skin2,skin3) via FMW_ Weblogic console then make changes in instanceconfig add your default custom skin info after that login to weblogic dashboard (by using weblogic user)
    Go --> login dashboard page
    http://IP:9704/analytics
    Edit -->DashboardA -->Tools-->Dashboard Properties-->under General Properties you can find Style --> just select your deployed custom skin and save and test it
    Refer Deploy multi skin steps,
    http://obiee101.blogspot.com/2011/07/obiee11g-multi-skin-and-style.html
    Thanks
    Deva

  • Resolving custom component skins

    In a stylesheet, namespace declarations exist for spark and mx components that allow a flex component name to resolve to a type selector that binds that component with its skin.
    e.g.
    @namespace s "library://ns.adobe.com/flex/spark";
    s|Button { skinClass: ClassReference(" ...ButtonSkin"); }
    I want to use the same method for my custom components and skins, but what namespace declaration do I use?
    e.g.
    mxml file:
    <myc:CustomComponent ... />
    stylesheet file:
    @namespace ? "?"
    ?|CustomComponent {
      skinClass: ClassReference("com...skins.CustomComponentSkin");

    In your MXML file, look at the very top, you should have something like
    <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/halo"
               xmlns:myc="something.something.something">
    Try using the same namespace in the CSS as in above, eg
    @namespace myc "something.something.something";

  • Custom VScrollBar skin issue

    My VScrollBar skin only have two part track and thumb.
    I find my VScrollBar can't drag to the end ?
    Can somebody give some suggestion ?
    I'm using flex4.5.1.
    <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" minWidth="15" minHeight="35"
          alpha.disabled="0.5" top="2" bottom="2">
        <fx:Metadata>
             * @copy spark.skins.spark.ApplicationSkin#hostComponent
            [HostComponent("spark.components.mediaClasses.ScrubBar")]
        </fx:Metadata>
        <fx:Script fb:purpose="styling">
            /* Define the skin elements that should not be colorized. */
            static private const exclusions:Array = ["track", "thumb"];
             * @private
            override public function get colorizeExclusions():Array {return exclusions;}
             * @private
            override protected function initializationComplete():void
                useChromeColor = true;
                super.initializationComplete();
        </fx:Script>
        <s:states>
            <s:State name="normal" />
            <s:State name="disabled" />
              <s:State name="inactive"/>
        </s:states>
        <fx:Declarations>
            <!--- Defines the appearance of the ScrubBar skin's data tip. To customize the data tip's appearance, create a custom ScrubBarSkin class. -->
            <fx:Component id="dataTip">    
                <s:DataRenderer minHeight="24" minWidth="40" y="-34">
                    <s:RectangularDropShadow id="shadow" distance="3"
                        angle="90" color="#999999" left="0" top="0" right="0" bottom="0"/>
                    <s:Rect top="0" left="0" right="0" bottom="0">
                        <s:fill>
                            <s:SolidColor color="0x000000" alpha=".9"/>
                        </s:fill>
                    </s:Rect>
                    <s:Label id="labelDisplay" text="{data}"
                             horizontalCenter="0" verticalCenter="1"
                             left="5" right="5" top="5" bottom="5"
                             textAlign="center" verticalAlign="middle"
                             fontWeight="normal" color="white" fontSize="11">
                    </s:Label>
                </s:DataRenderer>
            </fx:Component>
        </fx:Declarations>
        <!--- The skin pat that defines the video timeline. The timeline shows the current playhead location 
              in the video, the amount of the video previously played, and the loaded in part of the video. -->
        <!--- @copy spark.components.mediaClasses.ScrubBar#loadedRangeArea -->
        <s:Group id="loadedRangeArea" x="0" y="0" height="11" includeInLayout="false">
            <!-- inset 7 and 6 pixels because that's thumbSize/2 -->
            <s:Group left="7" right="6" top="0" bottom="0" minWidth="0">
                <!-- fill -->
                <s:Rect left="1" right="1" top="1" bottom="1">
                    <s:fill>
                        <s:SolidColor color="0xD7D7D7" />
                    </s:fill>
                </s:Rect>
                <!-- inner glow -->
                <!-- set height to 100%, maxHeight=1, minHeight=0 b/c only want this line to show up
                     if there's room for it -->
                <s:Rect left="1" top="1" bottom="1" width="100%" maxWidth="1" minWidth="0">
                    <s:fill>
                        <s:SolidColor color="0x000000" alpha="0.12" />
                    </s:fill>
                </s:Rect>
                <s:Rect left="2" right="1" top="1" height="100%" maxHeight="1" minHeight="0">
                    <s:fill>
                        <s:SolidColor color="0x000000" alpha="0.12" />
                    </s:fill>
                </s:Rect>
                <!-- black line on right -->
                <!-- set width to 100%, maxWidth=1, minWidth=0 b/c only want this line to show up
                     if there's room for it -->
                <s:Rect right="0" top="1" bottom="1" width="100%" maxWidth="1" minWidth="0">
                    <s:fill>
                        <s:SolidColor color="0x000000" alpha=".5"/>
                    </s:fill>
                </s:Rect>
            </s:Group>   
        </s:Group>
        <!--- @copy spark.components.mediaClasses.ScrubBar#playedArea -->
        <s:Group id="playedArea" x="0" y="0" height="11" includeInLayout="false">
            <!-- inset 7 and 6 pixels because that's thumbSize/2 -->
            <s:Group left="7" right="6" top="0" bottom="0" minWidth="0">
                <!-- inner glow -->
                <s:Rect left="1" right="1" top="1" bottom="1">
                    <s:fill>
                        <s:LinearGradient rotation="90">
                            <s:GradientEntry color="0xFEFEFE"/>
                            <s:GradientEntry color="0xECECEC"/>
                        </s:LinearGradient>
                    </s:fill>
                </s:Rect>
                <!-- fill -->
                <s:Rect left="2" right="2" top="2" bottom="2">
                    <s:fill>
                        <s:LinearGradient rotation="90">
                            <s:GradientEntry color="0xFFFFFF" alpha="0.85"/>
                            <s:GradientEntry color="0xE1E1E1" alpha="0.85"/>
                        </s:LinearGradient>
                    </s:fill>
                </s:Rect>
                <!-- black line on right -->
                <!-- set width to 100%, maxWidth=1, minWidth=0 b/c only want this line to show up
                     if there's room for it -->
                <s:Rect right="0" top="1" bottom="1" width="100%" maxWidth="1" minWidth="0">
                    <s:fill>
                        <s:SolidColor color="0x131313"/>
                    </s:fill>
                </s:Rect>
            </s:Group> 
        </s:Group>
        <!--- A skin part that defines a button that can be dragged along the track to increase or decrease
              the playhead location in the video.   -->
         <s:Button skinClass="skin.MyTrackSkin" id="track" horizontalCenter="0" minHeight="14"
                     focusEnabled="false" tabEnabled="false" top="2" bottom="2">
              <s:filters>
                   <s:GlowFilter includeIn="normal" blurX="6.0" blurY="6.0" inner="false" color="0x5380d0" strength="1" alpha="1.0" quality="2" knockout="false"/>
              </s:filters>
         </s:Button>
         <s:Button skinClass="skin.MyThumbSkin" id="thumb" focusEnabled="false" visible.inactive="false" tabEnabled="false" verticalCenter="0">
              <s:filters>
                   <s:GlowFilter includeIn="normal" blurX="13" blurY="13" inner="false" color="#000000" strength="2" alpha="1.0" quality="2" knockout="false"/>
              </s:filters>
         </s:Button>
         <s:transitions>
              <s:Transition fromState="normal" toState="disabled" autoReverse="true">
                   <s:Parallel>
                        <s:Parallel target="{thumb}">
                             <s:Move duration="0" autoCenterTransform="true"/>
                        </s:Parallel>
                   </s:Parallel>
              </s:Transition>
         </s:transitions>
    </s:SparkSkin>
    The track skin:
    <s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
                 xmlns:s="library://ns.adobe.com/flex/spark"
                 xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
                 alpha.disabled="0.5">
        <fx:Metadata>
            <![CDATA[
             * @copy spark.skins.spark.ApplicationSkin#hostComponent
            [HostComponent("spark.components.Button")]
            ]]>
        </fx:Metadata>
        <!-- states -->
        <s:states>
            <s:State name="up" />
            <s:State name="over" />
            <s:State name="down" />
            <s:State name="disabled" />
        </s:states>
         <s:Rect bottom="2" top="2" right="0" width="2" alpha="0.84" radiusX="10" radiusY="10">
              <s:fill>
                   <s:SolidColor color="#5380D0"/>
              </s:fill>
         </s:Rect>
    </s:Skin>
    The thumb skin:
    <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"
                    alpha.disabled="0.5" >
        <fx:Metadata>
            <![CDATA[
             * @copy spark.skins.spark.ApplicationSkin#hostComponent
            [HostComponent("spark.components.Button")]
            ]]>
        </fx:Metadata>
        <!-- states -->
        <s:states>
            <s:State name="up" />
            <s:State name="over" />
            <s:State name="down" />
            <s:State name="disabled" />
        </s:states>
         <s:Ellipse left="0" width="15" height="15" >
              <!--<s:stroke>
                   <s:SolidColorStroke color="0x0f0f8f" weight="1"/>
              </s:stroke>-->
              <s:fill>
                   <s:SolidColor color="#232323" />
              </s:fill>
         </s:Ellipse>
    </s:SparkSkin>

    This 's all my code custom the dropdownlist skin and vertical scrollbar skin.
    The application.mxml
    <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
          xmlns:s="library://ns.adobe.com/flex/spark"
          xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <fx:Style>
      @namespace s "library://ns.adobe.com/flex/spark";
      @namespace mx "library://ns.adobe.com/flex/mx";
      s|Application{
       fontFamily: "Microsoft YaHei";
      s|PopUpAnchor{
    </fx:Style>
    <fx:Declarations>
      <s:ArrayList id="arr">
       <fx:String><![CDATA[English]]></fx:String>
       <fx:String>Franch</fx:String>
       <fx:String>Spanish</fx:String>
       <fx:String>Russian</fx:String>
       <fx:String>Chinese</fx:String>
       <fx:String><![CDATA[English]]></fx:String>
       <fx:String>Franch</fx:String>
       <fx:String>Spanish</fx:String>
       <fx:String>Russian</fx:String>
       <fx:String>Chinese</fx:String>
       <fx:String>The End</fx:String>
      </s:ArrayList>
      <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <s:DropDownList skinClass="skin.MyDropDownListSkin" dataProvider="{arr}" width="170" borderColor="0xff1010"
         contentBackgroundColor="0xffffff" contentBackgroundAlpha=".2" borderVisible="true"/>
    </s:Application>
    The DropDownList skin, I use my vertical scroll bar skin in this file :
    <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" alpha.disabled=".5">
    <!-- host component -->
    <fx:Metadata>
      <![CDATA[
      * @copy spark.skins.spark.ApplicationSkin#hostComponent
      [HostComponent("spark.components.DropDownList")]
      ]]>
    </fx:Metadata>
    <fx:Script fb:purpose="styling">
      <![CDATA[           
       /* Define the content fill items that should be colored by the "contentBackgroundColor" style. */
       static private const contentFill:Array = ["bgFill"];
        * @private
       override public function get contentItems():Array {return contentFill};
        * @private
       override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
        if (getStyle("borderVisible") == false)
         if (border)
          border.visible = false;
         if (background)
          background.left = background.top = background.right = background.bottom = 0;
         if (scroller)
          scroller.minViewportInset = 0;
        else
         if (border)
          border.visible = true;
         if (background)
          background.left = background.top = background.right = background.bottom = 1;
         if (scroller)
          scroller.minViewportInset = 1;
        if (dropShadow)
         dropShadow.visible = getStyle("dropShadowVisible");
        openButton.setStyle("cornerRadius", getStyle("cornerRadius"));
        if (borderStroke)
         borderStroke.color = getStyle("borderColor");
         borderStroke.alpha = getStyle("borderAlpha");
        super.updateDisplayList(unscaledWidth, unscaledHeight);
      ]]>
    </fx:Script>
    <s:states>
      <s:State name="normal" />
      <s:State name="open" />
      <s:State name="disabled" />
    </s:states>
    <!---
    The PopUpAnchor control that opens the drop-down list.
    <p>In a custom skin class that uses transitions, set the
    <code>itemDestructionPolicy</code> property to <code>none</code>.</p>
    -->
    <s:PopUpAnchor id="popUp"  displayPopUp.normal="false" displayPopUp.open="true" includeIn="open"
           left="0" right="0" top="0" bottom="0" itemDestructionPolicy="auto" popUpHeightMatchesAnchorHeight="false"
           popUpPosition="below" popUpWidthMatchesAnchorWidth="true">
      <!---
      This includes borders, background colors, scrollers, and filters.
      @copy spark.components.supportClasses.DropDownListBase#dropDown
      -->
      <s:Group id="dropDown">
       <!--- @private -->
       <s:RectangularDropShadow id="dropShadow" blurX="10" blurY="10" alpha="0" distance="2"
              angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>
       <!--- @private -->
       <s:Rect id="border" left="0" right="0" top="0" bottom="0">
        <s:stroke>
         <!--- border stroke @private -->
         <s:SolidColorStroke id="borderStroke" weight="1" color="0xff0000"/>
        </s:stroke>
       </s:Rect>
       <!-- fill -->
       <!--- Defines the appearance of drop-down list's background fill. -->
       <s:Rect id="background" left="1" right="1" top="1" bottom="1" >
        <s:fill>
         <!--- 
         The color of the drop down's background fill.
         The default color is 0xFFFFFF.
         -->
         <s:SolidColor id="bgFill" color="0x1f1f1f" alpha="0.3"/>
        </s:fill>
        <s:filters>
         <s:BlurFilter blurX="2" blurY="2" quality="2" />
        </s:filters>
       </s:Rect>
       <!--- @private -->
       <s:Scroller id="scroller" left="10" top="0" right="10" bottom="0" hasFocusableChildren="false" minViewportInset="1" skinClass="skin.MyScrollerSkin">
        <!--- @copy spark.components.SkinnableDataContainer#dataGroup-->
        <s:DataGroup id="dataGroup" itemRenderer="spark.skins.spark.DefaultItemRenderer" top="0" bottom="0" left="0" right="0">
         <s:layout>
          <s:VerticalLayout gap="0" horizontalAlign="contentJustify" requestedMinRowCount="1" requestedMaxRowCount="6"/>
         </s:layout>
        </s:DataGroup>
       </s:Scroller>
      </s:Group>
    </s:PopUpAnchor>
    <!---  The default skin is DropDownListButtonSkin.
    @copy spark.components.supportClasses.DropDownListBase#openButton
    @see spark.skins.spark.DropDownListButtonSkin -->
    <s:Button id="openButton" left="0" right="0" top="0" bottom="0" focusEnabled="false" tabEnabled="false"
         skinClass="skin.MyDropDownListButtonSkin" /> 
    <!--- @copy spark.components.DropDownList#labelDisplay -->
    <s:Label id="labelDisplay" verticalAlign="middle" maxDisplayedLines="1"
        mouseEnabled="false" mouseChildren="false" left="12" right="30"
        top="2" bottom="2" width="75" verticalCenter="1" />
    </s:SparkSkin>
    The scrollbar Skin:
    <s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Metadata>
      <![CDATA[
      * @copy
    spark.skins.spark.ApplicationSkin#hostComponent
      [HostComponent("spark.components.Scroller")]
      ]]>
    </fx:Metadata>
    <fx:Script>
      <![CDATA[   
    @private
       override public function beginHighlightBitmapCapture()
    : Boolean
        var needUpdate:Boolean =
    super.beginHighlightBitmapCapture();
        // Draw an opaque rect that
    fill our entire skin. Our background
        // is transparent, but we don't want
    focus/error skins to
        // poke through.  This is safe to do since we don't
    have any
        // graphic elements as direct children.
    graphics.beginFill(0);
        graphics.drawRect(0, 0, width,
    height);
        graphics.endFill(); */
        return
    needUpdate;
        *  @private
       override
    public function endHighlightBitmapCapture() : Boolean
        var
    needUpdate:Boolean = super.endHighlightBitmapCapture();
        // Clear
    the rect we drew in
    beginBitmapCapture();
        graphics.clear();
        return
    needUpdate;
      ]]>
    </fx:Script>
    <!---  A
    vertical scrollbar that lets you control the portion of data that is displayed
    when there is too much data to fit vertically in a display area.
    The
    Scroller determines whether the vertical ScrollBar is visible.
    -->
    <s:VScrollBar id="verticalScrollBar" visible="false"
    skinClass="skin.MyScrollBarSkin"/>
    <!---  A horizontal scrollbar
    that lets you control the portion of data that is displayed
    when there is
    too much data to fit horizontally in a display area.
    The Scroller determines
    whether the horizontal ScrollBar is visible. -->
    <s:HScrollBar
    id="horizontalScrollBar" visible="false" />
    </s:SparkSkin>

  • Using custom FLV Skins

    I recently created a custom flash player in Adobe Flash CS4, but when I try to use that skin in Dreamweaver it doesn't show up as an option.  What do I have to do to make so I can use my customly made flash player in Dreameaver?

    Hi
    The correct way to do this is to create your own dreamweaver extension.
    But here is a quick, (and dirty, not recommended method).
    First a must do action - back up the configuration template folder I will direct you to.
    If you look in your program files - adobe - dreamweaver cs4 - configuration - templates - video_controls folder, you will find the default skins provided with dreamweaver. Place your skin in this folder.
    Alternatively you can create this folder, (in its correct position) in your 'user' configuration folder, and place the file there.
    PZ

  • Prevent PopUpManager from obscuring TitleBar in custom application skin?

    For a custom chrome application, I have a TitleBar component in my skin, above the contentGroup.  The PopUpManager overlays its popups over this bar.  Is there some way to prevent this?

    If you want to position things in the contentGroup above other things in
    Flex 4 there is a layer property.
    Popups are not parented by the contentGroup.  If you want them to float but
    not obscure a titlebar, just change the .y value after it pops up.

Maybe you are looking for