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
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/
Automation Excel MadCap Flare Technical communication

Convert CSV-data to XML-files

Posted on Author msander

Here’s a tool I developed that transforms CSV-data into XML-data based on a template. You can use it to, for example: Create MadCap Flare snippet files Create topic files Create MadCap Flare target files Create MadCap Flare condition sets Create MadCap Flare variable sets You can use it to convert any type of CSV-data into text […]
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 *