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

Similar Messages

  • Adding Custom Buttons to Flash Help Skin

    Hi.. Can anyone suggest me how to add custom buttons to
    FlashHelp Skin. I know we can do this in WebHelp don't know how to
    do that in FlashHelp. Any help is greatly appreciated. Thank
    you..

    In a VI go to Edit >> Run-Time Menu to change the menu seen to the user when the VI is running.
    To handle when a selection is made use the Event structure.  There are are several shipped examples in the Example Finder.
    Unofficial Forum Rules and Guidelines - Hooovahh - LabVIEW Overlord
    If 10 out of 10 experts in any field say something is bad, you should probably take their opinion seriously.

  • 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

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

  • Edit WebHelp Skin Buttons?

    On the Toolbar tab in the WebHelp Skin Editor, can the
    default buttons (Contents, Index, etc.) in The Main and Nav Bar
    lists be rearranged or deleted? When I select one of these buttons,
    the delete button ( - minus button) is disabled. And there seems to
    be no way to reorder them.

    Hi dchell and welcome to our community
    When you generate WebHelp in the following manner:
    Locate the Single Source Layouts area and double-click the
    WebHelp layout
    You have options in the ensuing dialogs that allow you to
    choose whether the TOC/Index/Search/Glossary buttons appear and in
    which order.
    Cheers... Rick

  • Can you adjust the height of the toolbar button in the skin file?

    Can I manually adjust the height of the toolbar navigation buttons in the skin file? It seems no matter how tall I make the nav panel, the buttons adjust size accordingly. Can I tell it to be 50% or something like that? For example, this is what I see for the glossary button.
    <toolbaritem mode="BtnWithIcon Mode" type="built-in-glossary" id="4">
       <name>Glossary</name>
       <text>::??DefaultWebSkinText??::</text>
       <color></color>
       <image></image>
       <icontype>none</icontype>
       <selected>
        <color></color>
        <image></image>
        <icontype>none</icontype>
       </selected>
       <style>100</style>
      </toolbaritem>
    Notice I am not using custom images or anything, just plain text.
    Thanks

    Hi Josh
    You must be someone that dearly loves digging into code.
    The simplest way to adjust the buttons is to use the built in Skin Editor.
    Hmmm, and in writing that response it occurs to me that you haven't exactly advised which of the outputs you are creating. The skin editor I'm referring to is the WebHelp skin editor. To open it, click View > Pods > Project Set-up. Once that pod is open you should see the Skins folder. Expand that and double-click the skin you are using to open and edit it using the skin editor.
    Cheers... Rick

  • How to add Print button on Webhelp in Robohelp 10?

    Can someone please provide step-by-step instructions to add Print button on Webhelp. I'm currently using Robohelp 10. I saw some suggestions using javascript in skin, but there isn't a step-by-step procedure available.
    I have been seraching for this from past many days. It'd be of great help to me. Thanks!

    Thank you very much for your quick reply. It was really helpful. However, I still can't see the button the webhelp output. 
    1. Created a new skin
    2. In the new skin, I added this print button and followed all steps explained (adding inline javascript and calling the function in the action tab under onClick, etc)
    3. I could see the preview of this being perfectly fine.
    4. But, when I generated the output by compiling it again, I could not see the changes I made in the webhelp
    4. I am thinking I am missing a crucial step. Is the new webhelp using the new skin? How to know this?
    5.  I carried out all the steps as explained, except this "Don't forget to tick the Print button in the second page of the wizard". Could you please let me know which wizard this is and where is the check box to tick the print button?
    I am eagerly waiting for your answer. Thanks!

  • Is this a bug or am I doing something wrong? (Custom Buttons)

    I have a project where I've created a custom buttonbase which has a custom skin.
    Create a button that uses the custom skin which extends the custom button base the first time the button is used it doesn't work the way I would expect.
    Here's what happens. The first time the app is loaded the button's up state shows up just fine. If I mouse over the button it flashes black for a second while it loads the mouse over state. If I mouse out and over again it works normally. Now if I click on the button it flashes black again while it loads the selected state and then the selected over state. After the first time the button functions correctly. But naturally I don't want the button to flash black the first time it's used. I want it to show my custom skin the first time not the second and subsequent times.
    I've included a project that demonstrates the problem. I have added some for loops in the part of the code that determines the custom colors for the button, just so that the black flash is really obvious.
    If you look at it there are three classes. The ButtonSkinBase which defines the base look for all skinned buttons. The ButtonSkin which is a specific skin to use. And the ButtonGraphic which is just a custom definition for a button.
    I think the problem is in the SDK in that it isn't loading the ButtonGraphics in the ButtonSkinBase class before they are used. It loads them when they are used. However, I'm not that experienced with the way the SDK functions under the covers so it could be that I'm not doing something I need to do.
    Any help with this would be great.
    Thanks,
    cdman

    >When you use the includeIn command, by default the object will only be created when it is needed. Hence, you will execute a creationComplete
    >event, and therefore atleast 100 million (sometimes 400 million) loops, when each required Button state is needed. Obviously, once each button
    >state has been created the creationComplete handler (invalidateDisplayList) will not usually be called again.
    So are you saying there is a better way or another way to do that? Or are you just telling me that's how it works? Because I know that the includeIn isn't creating the other buttons untill they are needed. I need them created when the button is created. That is my question, how do I get the other states to be created when the button is created so that I don't see the button flash black?
    >As written, bioStyleChanged will always remain true
    >if(!bioStyleChanged) {
    >       bioStyleChanged = false;
    >}    
    >this code does nothing for you.
    Sorry, I missed that when cleaning up the code to ask for help.
    Thanks,
    cdman52

  • Adding option to "Add to favourite" to my webhelp skin

    Hi,
    I have a webhelp project to which I want to have a button in
    the skin that can enable me to add the current page to the
    favourite list..
    I have found numerous options on the internet that provide
    options to add intenet pages to the list.
    However, the WebHelp I am generating is to be delivered on
    the local system and none of the above metnioned options provide
    the requried solution....
    Is there any solution for this issue???

    I would suggest storing your user's favorites in cookies.
    The size of each cookie is limited (about 4 K) depending on
    the browser, but you are allowed up to 20 of them. You could store
    a lot of URLs using several cookies. Internet cookies can be
    fragile (too many, and they start getting deleted), and have a
    'shelf life' of three years (unless updated).
    Happy baking!

  • Custom Buttons in FlashPro/TOC Collapser

    Hello all.
    My project is a native RH 6 project (it was not imported from
    anything else), generated as FlashHelp Pro. I have two questions:
    1) is there a way to add a custom button and place it next to
    the other three at the top? I've gotten several requests for a
    "Home" button. Keep in mind I'm in FlashHelp Pro here. Yes, I know
    you can accomplish similar results with a Header Template &
    apply it to all the topics, but I wish to spare you the entire
    explanation of why that can't work all the time (you're going to
    have to trust me here). I'd prefer to know whether a custom button
    can be made or not.
    2) Is there a way of easily collapsing a TOC (I was thinking
    of maybe...a button click?) that has all it's books open and has
    become 37 meters high because of it? This is also a popular
    request. I'd like to retain the "Show Navigation Links in Topics"
    option if possible. So essentially, I want my cake and eat it too.
    Thanks in advance!
    -hpankin

    Hi hpankin
    Question here. Are you publishing your FlashHelp Pro output
    to RoboHelp Server? If not, the point of creating FlashHelp Pro
    output is moot.
    To create a button requires Flash programming skills. A rare
    breed that is. Someone that understands both Flash and RoboHelp
    skins. Good luck with that. I'm not there. I WANNA be really bad,
    but unfortunately haven't yet figured out how to cram 72 hours in a
    day.
    As for resetting the TOC, you should be able to construct a
    link that simply reloads the FlashHelp system. Once you do this,
    the TOC should start life anew.
    Cheers... Rick

  • FLVPlayback Custom Buttons

    I'm trying to add a fullscreen button to an FLVPlayback skin
    for AS 2.0 use. I know it's built into the AS 3.0 FLVPlayback
    component, but I need to do this in AS 2.0. So I added my button
    and was planning on custom coding it (since I don't think I can
    assign it to a function of the FLVPlayback like I can the other
    buttons) but I'm getting errors on compile, saying:
    **Error** Symbol=FullScreenDisabled, layer=Button,
    frame=1:Line 1: The class or interface
    'fl.video.skin.FullScreenButtonOnDisabled' could not be loaded.
    Does this mean I can't add any custom buttons that aren't in
    the "schematics" of FLVPlayback? I can only add buttons that
    FLVPlayback knows what to do with?

    Check this out:
    Controlling Flash Video with the FLVPlayback Behaviors
    http://www.adobe.com/devnet/flash/articles/flvplayback_behaviors.html
    This article comes with a free extension to add behaviors for
    controlling the flvplayback component for as2. Some behaviors
    include seeking to a cue point or a specific percentage of a video,
    it can even help you queue multiple videos.
    Hope this helps

  • Custom Button to Toggle Showing/Hiding of TOC

    Okay, next question -
    Is there a variable that I'm not seeing/finding that enables the following use case:
    I place a custom button on the slide. When the user clicks the button, the TOC is shown. When they click it again, the TOC is hidden.
    Please tell me this exists! : )
    I am aware that the skins have a show/hide button and it works as I want my custom button to work, but it does not fit into the UI I have setup.

    Hallo Michael,
    I am deeply grateful for this widget.
    I'm trying to insert a command to stop the timeline when the user clicks the TOC button.
    In this regard, I researched AS3 code on your site but can not find reference
    you may kindly show AS3 code of this widget on this forum or on your website?
    Thank you very much!!
    Cris

  • Custom Button Tooltips

    How do I go about changing the tooltips of custom buttons.
    One of the projects I'm working on right now has a button with a
    graphic and is labeled "Print". Now I'd like to change the tooltip
    hover to say something other than "Print".

    Hi ClubHans
    If you click
    This
    super handy little ole link right here, you can download a copy
    of my Skinny on Skins file. Once you get it saved, you may need to
    right click it and Unblock it. After you get it displaying things,
    click the Index tab and type "tooltip" into the index. I believe
    you will find a topic titled "Tooltips for custom buttons".
    Hopefully that should get you going.
    Cheers... Rick

  • Add on custom button to ALV toolbar in std tcode ME51N, ME52N and ME53N.

    Hi All,
    I have the requirement to add on the custom button to ALV toolbar in ITEM OVERVIEW for standard transaction ME51N, ME52N and ME53N. Does anyone know what enhancement point or user exit i should apply and how i can add on the custom button?
    Thanks.

    There are no user exits or badi's for COOIS. You may have to make copy of the PPIO_ENTRY to ZPPIO_ENTRY including all the varians without changing their names like copy SAP&COOIS to SAP&COOIS. Create a T-Code ZCOOIS and replace COOIS in variant SAP&COOIS to ZCOOIS not in the name of the variant but in the field "Check Authorization for".
    The PF-Status is found in the include LCOISOUTPUTF16 which is located in the function group COISOUTPUT you may have to copy that too. Finally you need to copy SAPLCOISOUTPUT with its GUI status GENERAL and add your custom button there.

  • Custom button  on ALV report for Tcode FL10G ?

    Hi All,
    I want to add custom button in the AVL report for FL10G transaction.  And then need to implement logic for that button (calling BAPI to create shipment for the selected records).
    For VL10G alv program GUI Status - STANDARD001  I think I can add button in this gui by using access key.
    But how to implement logic for this custom button?  Where I can put the code for this button logic?
    Please let me know if any one has any ideas on this issue.
    I appreciate your help and time on this.
    Thanks.
    M

    Hi Murali,
    The standard program it will not allow to copy the GUI Status. Because source and target program should not same.
    It will definitely debug will work. Yo can create the GUI Status through SE41. In SE41 Just give Program name :SAPLV50R_VIEW click the button status. here you should not give any gui status. just blindy say create the then it will popup screen appears in the screen. Here you can mention your Z GUI Status. It is not required to create all the menus manually instead of the there is button which is located in the screen next to blue i button. here you can click and select the standard interface. You can get all the menus as similar to standard. Like that you should create Menu Bar, Application Toolbar and Function Keys  Menus. Then you can add your custom button in the Application tool bar button.
    When you execute the Transaction VL10G and check your cusom menu button will appears. Once you click custom button only exit will trigger. Find the below code for your reference.
    CODE
            loop at ct_postab assigning <fs>
                    where selkz = 'X'.
    *To Fill the BAPI  Header Parameters
                  str_ordhdr-ship_cond = w_sval-value.
    *To Fill the BAPI  HeaderX Parameters
                  str_ordhdrx-updateflag = 'U'.
                  str_ordhdrx-ship_cond = 'X'.
                  call function 'BAPI_SALESORDER_CHANGE'
                    exporting
                      salesdocument    = <fs>-vbelv
                      order_header_in  = str_ordhdr
                      order_header_inx = str_ordhdrx
                    tables
                      return           = str_return.
                endloop.
                read table str_return into w_return index 1.
                if sy-subrc eq 0.
                  if not w_return-type = 'S'.
                    message w_return-message type 'E'.
                    leave to current transaction.
                  endif.
                endif.
    *Do the BAPI Commit
                call function 'BAPI_TRANSACTION_COMMIT'
                  exporting
                    wait = 'X'.
              endif.
            endif.
          endif.
    Let me know if you have anything to discuss on the same.

Maybe you are looking for

  • XSLT mapping code to replace ns1: tag as plm: in XML file in PI mapping

    Hi I am sending XML file to HTTP server as below format <?xml version="1.0" encoding="UTF-8" ?>    - <ns1:Responses xmlns:ns1="http://"> -    <ns1:Response Application="SAP">     <ns1:field1>12345</ns1:field1>     <ns1:field2>abc</ns1:field2>    - <n

  • Added photos to selection are not appearing correctly

    I am making a photo slideshow on imovie.. Numerous times, I add a photo after a previous one, it is formatted with no Ken Burns, and to fit the screen, and time and again, the image appears incorreectly as either the previous image, or one that was p

  • Safari not functioning in Mavericks,

    Freezes, can't open tapes, "safari tab" preferences tab doesn't work, blank pages, shut's off, etc  Help!!!!

  • Apple Notes not sending notes to Gmail

    Previously when I created a note in Apple Notes, it would sync to my MacBook, iPad, iPhone and the new note would also be sent to my Gmail account. I've since upgraded to Mavericks on my MacBook on iOS 7 on my iOS devices. Notes are still syncing acr

  • Custom 404 in WebLogic6.1

    Friends, How do I create custom 404 error pages in weblogic 6.1? Thanks Lawrence