MadCap Software Forums

Is there a definitive, fool-proof way to create a Home toolbar button (for HTML5 output)?

1. Create a new toolbar button.
2. In the skin editor, set the property for Event > Click to:
For help on the skin/toolbar properties see:
http://webhelp.madcapsoftware.com/flare ... Output.htm

Thanks. That worked!

Now, how do I add a graphic (or text) to my new button?

rcbarrette wrote:Thanks. That worked!

Now, how do I add a graphic (or text) to my new button?

Okay, the next steps are:

First create a button.
It needs to be a transparent .png of 16 pixels by 16 pixels.

You may start by editing a default Flare button. You will find these buttons under MadCap Software\MadCap Flare V9\Flare.app\Resources\WebHelp2\Desktop\Skins\Default\Stylesheets\Images
printer.png is an example.

1. In the Skin editor, click on the Styles tab, in the Styles list, scroll to your style (in this case, the newly created Home) and select it.
2. Scroll down through the Properties to Background
3. Scroll to Background Image and browse for your new button.

Note that once you set and save your new button, any edits to the button image require you to go through the above steps to update the button image.

Here is my home button... which you may use (it isn't perfect... just a quick and dirty...) And how it looks with the other buttons:

Thanks for posting this. It helps a lot.

Yes worked a treat, I now have a home button and some more in my new Flare 11 site.. Thankyou

Old thread, I know. But this was incredibly helpful to me, and I wanted to share my new home icon for anyone else who might need one.

Here is the button: Here's how it looks on the toolbar:

Hey! What a cute dog house!