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
Copy link to clipboard
Copied
The simplest way is to just use an image button that looks like you want.
Cheers... Rick
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?
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
Copy link to clipboard
Copied
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.
Cheers... Rick