Javascript MadCap Flare

Adding a feedback button to your Flare HTML5 output

Posted on Author msander Comments(3)

Are you looking for instructions on how to add an e-mail feedback button to the toolbar of your MadCap Flare HTML5 output? And would you like a copy of the relevant URL included in the e-mails you get? Keep reading.

Open your Flare project, and follow these steps to add a feedback button to the toolbar:

  1. Go to the Project Explorer > Skins and open the HTML5 skin.
  2. Go to the Toolbar tab and add a new button called (e.g.) Feedback.
  3. Go to the Styles tab and find the sub-node called Toolbar Button > Feedback.
  4. In the Properties section, expand the Event node and add the following Javascript to the node: window.location=’mailto:your@emailhere?subject=<‘ + escape(window.location.href) + ‘>’;
  5. Expand the Background node and set Background Image to (e.g.) feedback.png ().
  6. Save the HTML5 skin and view your HTML5 output.  Here’s an example of the output.

When you click the feedback button, your default e-mail client opens, and the URL of the current page is displayed in the subject field.

Have fun! 🙂

msander

Related Articles
Agile Automation Kanban Lean MadCap Flare

Setting up a Kanban Board in MadCap Flare

Posted on Author msander

If you’re a fan of using Kanban boards – the simplest way of implementing one in MadCap Flare is to use a TOC.  Setting up a Kanban TOC in Flare Create a new TOC and add items corresponding to your workflow (e.g. Backlog, In Writing, etc) Add topics to your backlog Work on one topic at a […]
Automation MadCap Flare Technical communication

Automated QA: Checking for broken links in your Flare output

Posted on Author msander

Do you use relative hyperlinks (<a href=”../../folder/folder/file.htm”>File</a>) in your Flare projects? Would you like to verify that they work in the output without checking manually? Keep reading! I’ve made a tool that scans all .htm files in the output and tests the relative links. The result is a .txt report that gives you a list of all […]
Javascript MadCap Flare

How to add wiki-words to your HTML5 output in MadCap Flare

Posted on Author msander

Would you like to link certain words or phrases to your internal wiki, or perhaps to Wikipedia? Would you like to build your output only once, but still be able differentiate between “internal” and “external” audiences? Keep reading. The idea 🙂 The idea is to add a span-class to your style sheet, and then highlight […]

3 Replies to “Adding a feedback button to your Flare HTML5 output”

  1. Pingback: Setting up a Kanban Board in MadCap Flare | The Techwriting Engineer

  2. Hi! help! I’ve implemented this but my Flare 9 compilation is reporting a couple of errors:

    CSS Parser: Line: 1. Char: 12. Invalid token (.)
    CSS Parser: Line: 1. Char: 108. Missing identifier (property)

    I don’t know which “.” is invalid or what property might be missing (Flare’s usual brilliant error reporting).

    It works fine and there are no javascript errors on the page but I don’t like my build output to contain warnings/errors/precuations about missing things.

    Any ideas?
    Thanks
    Ruth

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *