Beyond WebHelp: Editing HTML5 Layouts in RoboHelp 11
RoboHelp is extremely powerful and yet easy to use. One of the hallmark features of new version 11 is the icon-driven “wizard” for modifying HTML5 responsive layouts. As powerful as this visual editor is, there are some major layout changes that you cannot accomplish with the visual editor alone.
RoboHelp expert, Willam van Weelden, recently was our guest in a webinar which covered step by step how to make major changes to responsive HTML5 layout by directly editing both HTML and CSS files.
This blog covers highlights of the webinar with minute markers to help guide you to key functions. You may view the webinar by clicking the title here: Beyond the Wizard: Editing HTML5 layouts in RoboHelp 11 – Session 1.
Key highlights of Editing HTML5 Layouts in RoboHelp 11
Preview of removing the Index widget
Introduction to contents of screen layouts folder
Using [F12] to show Developer option view
Selecting an element visually to have it selected in HTML view
Overview of processing instructions
Discussion of “class” which contains multiple panes
Removing the Index widget from the search page
Removing the IX widget from tablet layout in HTML5
Modifying template files via edits to CSS
Modifying the “phone” or mobile-sized layout
Adjusting margins to zero to make all buttons or widgets visible
NOTE: See also Session 2 of this webinar series.