Custom s:ToggleButton Skin

I started with a copy of the default skin class.
The lines:
    
    <s:Label id="labelDisplay"
             textAlign="center"
             verticalAlign="middle"
                maxDisplayedLines="1"
             horizontalCenter="0" verticalCenter="1"
             left="10" right="10" top="2" bottom="2">
    </s:Label>
display a different text for each instance of <s:ToggleButton label="x"><s:ToggleButton label="y"> . . .
How do I have to code the custom skin to be able to assign an "unselectedIcon" and "selectedIcon" to each instance of a <s:ToggleButton> ?
As in:
<s:ToggleButton width="50" height="50"
          horizontalCenter="0" verticalCenter="0"
          unselectedIcon="EmbeddedResources.firstToggleIconUnselected"
          selectedIcon="EmbeddedResources.firstToggleIconSelected"
          skinClass="Skins.CustomToggleButtonSkin" />
<s:ToggleButton width="50" height="50"
          horizontalCenter="60" verticalCenter="0"
          unselectedIcon="EmbeddedResources.secondToggleIconUnselected"
          selectedIcon="EmbeddedResources.secondToggleIconSelected"
          skinClass="Skins.CustomToggleButtonSkin" />
Thanks for any help,
David

Hi,
You would need to extend the toggleButton, and add these as Styles to the extended component. These can then be used in the skinClass using getStyle. They have explained how to create a custom icon for a button here
http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf69084-7d9f.html (towards the end of the page).
So use the styles you created as sources for the Bitmap images in the skinClass. Hope this helps.
Nishad

Similar Messages

Custom Presenter player skin?

Is there a way to customize Presenter's player? I want/need to redesign and arrange the player bar. Is there an API or FLA to tweak to achieve this?
Similar to this in Articulate:
http://www.mozealous.com/how-i-created-a-custom-articulate-presenter-skin-in-less-than-an- hour-2/

I don't think you can. The only customization that you can do with it is within the Settings >Appearance tab> Theme Editor. I know that doesn't help much but even with a connect pro server license one can't do much with customization.
Have you considered using Captivate? It does have more options to the play bar.
Good Luck.

OBIEE 11g : Unable to see any images while customizing styles and skins

Hi,
I am trying to customize OBIEE 11g style and skin. I followed the steps mentioned at http://www.rittmanmead.com/2010/12/oracle-bi-ee-11g-styles-skins-custom-xml-messages/ and also in oracle white paper http://www.oracle.com/technetwork/middleware/bi/customizing-oracle-biee-11g-176387.pdf.
I am not able to see any images on any OBIEE screens. After login, I can see the name of skin which i have created as the default skin but login page images, header images (after login) are not coming up. Can you please provide solution?
P.S. I have not changed any images or any css files in the custom skin and style directory. I just wanted to know first whether the new skin/style works for me. If it works, then i will apply some sort of customization.

That is correct. Also remember to delete browser cache. Here you have the folders: Re: how to insert the picture in the dashboard of BIEE
Let me know.
J.-

Custom HTML Controller (Skin) in Captivate 6?

Is there a way to create a custom HTML controller with the skin editor or through any other method? I'm finding the current set of controllers in Captivate 6 a bit too small for mobile devices. How can I create my own HTML controller?
Thanks!

Anjaneai, the tutorial you mentioned is for Flash controllers not HTML controllers. There is no mention of HTML controllers in the tutorial or in any directories listed in the tutorial.
I found the HTML template files in the Application Root/Templates/PlaybackFLA/HTML folder. It's easy enought to duplicate a set and modify to my preference but where do they go to be recognized by Captivate?
The Flash controllers go here:
<Adobe Captivate Installed Directory>\<lang>\Gallery\Playbars\AS3
I placed my modified HTML controller folder in that folder and it was a no-go. Created an HTML folder in the Playbars folder and placed it there. It didn't work there.
Where can I place my custom HTML playbar folder so it will work in Captivate?
Thanks!

RH7 - Custom WebHelp Pro skin custom "Print" button does NOT display in version published to RH Server 8

I customized a WebHelp Pro skin using the Omega skin as the basis. Everything works fine except the Print button, which I added using the same Action as shown in the BeautifulVista skin's Print button.
Local Version (C: drive)
When I generate my help project and view it locally from my C: drive after I accept the warning about viewing locally, I see the Print button.
However, it does NOT work. I've attached a graphic that shows the local version and the skin dialog where I set up the action for the Print button.
RH Server 8 version
When I view the same project after I publish it to the server, the Print button does NOT display.
QUESTIONS ARE:
How do I get the Print button to function properly (active printer dialog)?
If it can't work until it is published that fine but then how do I get it display when I view from server?

Hi there
Have you tried editing your Window Definition?
Click View > Pods > Project Setup
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

Custom RH9 WebHelp skin: Problem opening PDF file from custom button

Hi, I've been troubleshooting and checking forums trying to figure out how to get a PDF file to open from a custom button on my WebHelp skin. It worked for me once upon a time, but I changed something in the document and tried to upload the new version and it has errored out ever since.
I want to have the ability to open the PDF in a new window from the custom button (called 'Printable PDF' on my skin), so I am using the following custom JavaScript in the 'Click On' field of the the custom button's components: window.open('print_test.pdf','printWindow','menubar=0,resizable=0,width=900,height=500,scr ollbars=1'); I know the script is good because I have the same script for the Support custom button and it works great. The only difference between those scripts is the Support script calls an .html file instead of a PDF and the window names says 'supportWindow' instead of 'printWindow'.
I've tried deleting and recreating the custom button, changing the JavaScript with a developer's help, generating the help on another machine thinking it was a glitch with my browser (using IE8) or RoboHelp license, and combing the help files numerous times. I've also ensured that the PDF file is stored in the skin and project folders along with the other project files/folders. I've used previous versions of RoboHelp and had no problems attaching a Word document and PDF, so I'm wondering if this is a bug in RH9?? Especially since it worked for me initially. Any assistance and/or fresh ideas are welcomed! Thank you!

Hello again
Happy I was able to help.
MOTW is only present and affects things when you are running content off your local C drive. It's value is in preventing that Yellow Information Bar and all that from appearing when you are using IE. Once you publish content to a server and access it that way you are in a different security zone and MOTW has no influence either way. So there would be no adantage to enabling it before publishing to a server. The only reason you might want to consider enabling it would be if you were copying the WebHelp to everyone's hard drive and having them run it from their hard drives.
Make sense?
Hope so... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7, 8 or 9 within the day!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Creating custom Content Server Skin

I have installed Oracle Content Server on my machine in order to create a demo. I would like to customise the skin of Content Server, in order to follow our company's style.
I am following Brian Huff's book
(The Definitive Guide to Stellent Content Server Development:
http://books.google.com.au/books?id=TiUzMYbpg2MC&printsec=frontcover&dq=brian+huff+stellent#PPA144,M1 ),
and to create a custom skin as a copy of an existing, have copied the folder:
/weblayout/resources/layouts/Top Menus/Oracle
renaming it to something like:
/weblayout/resources/layouts/Top Menus/Amanda
I then restart my content server, but this skin option does not seem to appear after choosing "Top Menus" for the layout, under the My Profile tab.
Is there something I am missing out?
Amanda.

The process has changed somewhat for 10gr3. Check out the free "Create and Modify Layout" sample component for more help:
http://www.oracle.com/technology/products/content-management/ucm/samples/index.html

JSF: Using own custom styles in skin css file?

I have created custom skin by defining custom css file and implementing predefined ADF style definitions (aliases).
Also, I need some other styles for use on specific parts i application, and my idea was to put these styles in same css file which is used in skin definition.
For example:
.footer_txt {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF}
My intention was to use this styles in styleClass attribute of various
adf faces components
But after starting application, I can't find my additional styles in generated css file (pfmskin-desktop-10_1_3_1_0-ie).
Looks like that css generator is ignoring any styles which are not ADF predefined styles?
I was thinking that this is possible, because at the end of srdemo.css file (in SRDemo application) there is one part like this
/* custom styles that I made up and set on the styleClass attribute of various
adf faces components */
.adfFacesDemoSearchPanelGroup
width:100%;
padding:6px 6px 6px 26px;
background-color: #0099CC;
I can put my styles in separate css file, but then I have to include this file in every application page...
Is it possible to have custom defined styles in skin css file, and use them in styleClass attribute?

Hi,
skinning only works with the ADF faces skin selectors. There are plans to support custom selectors in a future version
Frank

Using a custom video player (skin) for Event Videos?

Hi
I'd like use something other than the 9 standard video skins that come with Captivate 6 (Halo, Clear and Corona). Is it possible to use a custom video player or at least a different skin for an Event video? And, if so, does anyone know where I could find a collection of custom skins (free or otherwise)?
Thanks
Paul

Well sure enough, that WPF MediaKit indeed uses D3DImage for the WPF interop. In fact he does things very similar to me except mostly he seems to use DirectShow whereas I'm 100% Media Foundation. Maybe should rethink that... If only DirectShow had H264
support in Windows 8. Stupid licensing issues. Anyway thanks again for that link.

Custom video playback skin

I have been reading through the posts and searching the net to see if there is an answer to this question. I would like to create a custom skin to be used instead of the clearSkin.swf player and its iterations available stock with Captivate 4. How to I locate the FLV skin FLA's? Or if I need to do it in flash could someone point me in the right direction please.
Thanks,
Alex

The playback FLAs are named the same as the compiled SWFs, so a simple search of your Captivate folder would reveal pretty quick, I think!
That said, likely here:
.\Adobe Captivate 4\Templates\PlaybackFLA
Erik

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 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>
        
        <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>
    
    
    <s:Group id="loadedRangeArea" x="0" y="0" height="11" includeInLayout="false">
        
        <s:Group left="7" right="6" top="0" bottom="0" minWidth="0">
            
            <s:Rect left="1" right="1" top="1" bottom="1">
                <s:fill>
                    <s:SolidColor color="0xD7D7D7" />
                </s:fill>
            </s:Rect>
            
            
            <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>
            
            
            <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>
    
    <s:Group id="playedArea" x="0" y="0" height="11" includeInLayout="false">
        
        <s:Group left="7" right="6" top="0" bottom="0" minWidth="0">
            
            <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>
            
            <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>
            
            
            <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>
    
     <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>
    
    <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>
    
    <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: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>

</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">

<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>

<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">

<s:Group id="dropDown">
   
   <s:RectangularDropShadow id="dropShadow" blurX="10" blurY="10" alpha="0" distance="2"
          angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>
   
   <s:Rect id="border" left="0" right="0" top="0" bottom="0">
    <s:stroke>
     
     <s:SolidColorStroke id="borderStroke" weight="1" color="0xff0000"/>
    </s:stroke>
   </s:Rect>
   
   
   <s:Rect id="background" left="1" right="1" top="1" bottom="1" >
    <s:fill>
     
     <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>
   
   <s:Scroller id="scroller" left="10" top="0" right="10" bottom="0" hasFocusableChildren="false" minViewportInset="1" skinClass="skin.MyScrollerSkin">
    
    <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>

<s:Button id="openButton" left="0" right="0" top="0" bottom="0" focusEnabled="false" tabEnabled="false"
     skinClass="skin.MyDropDownListButtonSkin" />

<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>

<s:VScrollBar id="verticalScrollBar" visible="false"
skinClass="skin.MyScrollBarSkin"/>

<s:HScrollBar
id="horizontalScrollBar" visible="false" />
</s:SparkSkin>

Custom Buttons in WebHelp Skin

Hi all,
I am trying to add a button to my WebHelp version of my
project to enable readers to print the current topic. In my skin
editor, I managed to add a custom button, Print, with an image
entered window.print() in the JavaScript onClick field that is
provided (this is a standard JS call that prints the window). After
updating the view in the Skin Editor, the button is displayed, but
after re-generating the WebHelp layout, I can't see my new button.
I thought maybe the Advanced tab's Dependancies list might have
something to do with it, but I am not sure what it is for exactly.
Is there a trick to adding custom buttons to skins to get them to
display in the generated format?
Thanks in advance for your thoughts,
darkagn

Hi Captiv8r and thankyou for the super-fast response :)
Your reply allowed me to add the custom button to my skin.
However, the window.print() function only prints the area
with the buttons, not the topic itself. So I thought I'd re-post
and explain how I actually solved the problem of printing topics in
WebHelp in case anyone else needed the same info.
I ended up adding a button to the template that all of my
topics are derived from, in the footer so that the button remained
below the topic itself. I had to add the button in the HTML editor
with the following code:
<form style="text-align: right; padding-right: 10px;">
<input id=printbutton type=button onClick="window.print()"
value="Print Topic" style="width: 90px;">
</form>
Now, because the Print button appears in the same area of the
screen as the topic itself, the call to window.print() prints
everything in that frame (which unfortunately includes the button
itself, but this is a small price to pay to be able to print topics
from WebHelp).
Anyway, I hope this solution helps someone out
there...

Custom s:ToggleButton Skin

Similar Messages

Maybe you are looking for