• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

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

Community Beginner ,
Mar 20, 2013 Mar 20, 2013

Copy link to clipboard

Copied

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

Views

1.1K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Mar 20, 2013 Mar 20, 2013

Copy link to clipboard

Copied

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

Cheers... Rick

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 01, 2013 May 01, 2013

Copy link to clipboard

Copied

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?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 01, 2013 May 01, 2013

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 01, 2013 May 01, 2013

Copy link to clipboard

Copied

LATEST

Oops, forgot to add that in the Skin Editor, you locate the item you wish to change and click the pencil icon to make the changes. Another dialog should then open that allows you to choose the image you wish to use.

tmp1.PNG

Cheers... Rick

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp