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
Kanban Lean MadCap Flare Uncategorized

How to get started with Lean Thinking in Techcomm

Posted on Author msander

Do you want to know more about lean ideas, and how you can start implementing them using your favorite authoring tool? Keep reading! Lean principles These are some of the main principles in lean thinking: Define value from your customers’ perspective Map the value stream for each product that provides that value, and challenge all non-value-adding […]
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 […]
Automation MadCap Flare Technical communication

Automated QA: Checking for broken links in your Flare output – now also for HTTP links

Posted on Author msander

The CheckLinks tool now also finds broken http and https links in addition to finding broken local relative links. Download CheckLinks version 2 The syntax for running the tool is, for example: C:\> Checklinks2 “C:\OutputFolder” “C:\LogFolder” For info about the existing tool, see http://techwritingengineer.com/automated-qa-checking-for-broken-links-in-your-flare-output/

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 *