This doesn’t involve scripting or programming. I hesitated to include this post because it may come off as a promotion for the new version of MadCap Flare. But this series is about revisualizing TOCs and what better way to do that than to use out-of-the-box improvements? The latest version of MadCap Flare includes an updated… Continue reading Fun with Online TOCs!: #3, Revisualizing a TOC by Upgrading to Flare Version 10
Tag: HTML5
Fun with Online TOCs!: #2, Revisualizing a TOC with arbor.js
The arbor.js library is described on the arbor.js site as follows. a graph visualization library using web workers and jQuery A TOC is a graph. So let’s see what what we can do with arbor.js and TOCs. Here is how a first attempt turned out. The following is the main page. The first topic displays… Continue reading Fun with Online TOCs!: #2, Revisualizing a TOC with arbor.js
Fun with Online TOCs!: #1, Draggable HTML5 TOC Panes with jQuery UI
Does jQuery UI draggable work with HTML5 output? https://jqueryui.com/draggable/ It does, at least in the most recent version of the Chrome browser where it was tested. Here is a link to an example or you can try it in the iframe that follows. Go ahead. Click and drag the TOC. Draggable TOC Demo Here is… Continue reading Fun with Online TOCs!: #1, Draggable HTML5 TOC Panes with jQuery UI
Create a Java Application That Uses Flare HTML5 Help
This post describes the creation of a simple Java application and Flare project and HTML5 output to demonstrate opening a Flare HTML5 help topic with a button click or an F1 keypress from a Java application. This is a “hello world” level example. Downloads: Zipped (Flare-style) Flare project for test HTML5 help Zipped copy of… Continue reading Create a Java Application That Uses Flare HTML5 Help
Clear a Flare HTML5 Search Field with the Escape Key
If you want the search field in Flare HTML5 output to clear when escape is pressed, add the following to the toolbar JavaScript. window.onload = function() { $(“#search-field”).keyup(function (e) { if (e.keyCode == 27) { $(“#search-field”).val(“”); } }); } If there is already a window.onload assignment, just add the inner part to the existing assignment.… Continue reading Clear a Flare HTML5 Search Field with the Escape Key
Show and Hide with jQuery in HTML5 Output
MadCap Flare includes some show-and-hide controls for web-based outputs such as Togglers and Expanding Text. This blog has explored some alternatives for show-and-hide in the context of condition tags. Here is another option which uses jQuery to expand and collapse an element with a sliding animation. Sliding show-and-hide actions are simple tasks with jQuery. Two such functions… Continue reading Show and Hide with jQuery in HTML5 Output
Version Filters in HTML5 Output (persisting display instead of toggling)
In the previous post, the sample included a JavaScript which toggled the display attribute of elements between none and block depending on the value of a select element and the MadCap conditions applied to the elements. But what if the display attribute wasn’t set to block in the first place? This second sample project includes a… Continue reading Version Filters in HTML5 Output (persisting display instead of toggling)
Version Filters in HTML5 Output
Keep the condition tags but skip the target settings. Quick unpaid promotion! Attend MadWorld for my session and many others. Meet and learn from top technical communicators. sample project You can apply conditions to your Flare content and use those conditions to create a version filter in your Flare HTML5 output. The main ingredients are… Continue reading Version Filters in HTML5 Output