Adding/Creating a Home Toolbar Button

[rcbarrette]

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

[NorthEast]

1. Create a new toolbar button.
2. In the skin editor, set the property for Event > Click to:

Code: Select all

window.location.assign('#');

For help on the skin/toolbar properties see:
http://webhelp.madcapsoftware.com/flare ... Output.htm

[rcbarrette]

Thanks. That worked!

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

[sdcinvan]

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

home.png

And how it looks with the other buttons:

14-11-2013 3-48-56 PM.png

[cjobrie]

Thanks for posting this. It helps a lot.

[crashnburn]

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

[cdschroeder]

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:

home.png

Here's how it looks on the toolbar:

toolbar.png

[kevinmcl]

Hey! What a cute dog house!