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,
JitendraHi,
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
CliffHi,
Do you mean skinning FLVPlayback palyer?
Warm Regards
Deepanjan Das
http://deepanjandas.wordpress.com/ -
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. mxmlRevision: 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,
- RaviHi 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 advanceHi,
u can add the new skins from the below mentioned path as welll
obiee 11g image path
mark helps
thanks -
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 -
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"; -
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> -
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
-
How can I activate an old version of Photoshop that I've loaded on my new tablet? The web activation doesn't work, and when I call the number, it says it's not being used anymore. Meanwhile, I'm down to 13 days till it stops working due to not being
-
when I am printing a pdf file, i do nto get all of the details of the document. Do I need to download something?
-
Firefox continues to crash instantly at startup.
on the 9th my wife complained that firefox should it crashed. I attempted to restart and submit bug with same results. I uninstalled all and reinstalled using ver 8 the previous ver was 7. Same issue resulted. I uninstalled again restarted win 7 and
-
Help with apple script for Chapter Markers (on each edit)
Hi, My goal: Add for each edit in the sequence a chapter marker til the end of the sequence. (Bonus track would be: Name the marker like the current clipname ) so far I could work it out, with a lot of googling.... but: Not working: character "a" is
-
Possible to sync ipod contacts with 2 computers but apps with only one?
For HD space and sync-speed reasons I'd like to NOT sync applications to my laptop and just do that for/with my desktop system. I'd still like to sync contacts and calendar events w/ both systems however. Is there a way to do this? I unchecked the "s