Skip to main content
Known Participant
March 20, 2013
質問

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

  • March 20, 2013
  • 返信数 1.
  • 1169 ビュー

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

    このトピックへの返信は締め切られました。

    返信数 1

    Captiv8r
    Legend
    March 20, 2013

    The simplest way is to just use an image button that looks like you want.

    Cheers... Rick

    TechDocJosh作成者
    Known Participant
    May 1, 2013

    Ok, I may want to use custom toolbar buttons. I've created a couple for testing. How do I edit the skin to use them? This is what i've tried, and it didn't work:

    <toolbaritem mode="BtnWithIcon Mode" type="built-in-content" id="1">

       <name>Contents</name>

       <text>::??DefaultWebSkinText??::</text>

       <color></color>

       <image>ContentsNormal.png</image>

       <icontype>none</icontype>

       <selected>

        <color>#ffffff</color>

        <image>ContentsSelected.png</image>

        <icontype>none</icontype>

       </selected>

       <style>100</style>

    Do I need to do more than add the image name? Do I need to remove something?

    Captiv8r
    Legend
    May 1, 2013

    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