One of the hottest new features introduced in Adobe RoboHelp 11 is Responsive HTML5 layouts. The Responsive HTML5 output dynamically changes the way the content is presented based on the device the reader is using. For example, while a reader on a desktop might see a traditional table of contents on the right side of the page, someone using a smart phone will see a table of contents that is optimized for touch:
Responsive HTML5 output uses Screen Layouts, the skins for HTML5 output. With these skins you can control how your output will look for your users.
If you have used Responsive HTML5 before, you may have seen the following layout in the gallery:
The image above shows the Responsive Layout as it was delivered when RoboHelp 11 was released. You'll be happy to know that Adobe released an update of this layout with the RoboHelp 11.0.1 patch.However, even if you have installed the patch you may still be using the old layout.
While Adobe provided instructions on how to manually install the new Responsive HTML5 layout, they are hidden away in the release notes and you likely missed them. If so, here they are:
- Close RoboHelp.
- Using Windows Explorer, search for%appdata%\Adobe\RoboHTML.
(The RoboHTML folder hidden within your AppData folder opens.)
- Rename the folder 11.00 to 11.00_old.
(A new 11.00 folder will be created when you restart RoboHelp.)
- Start RoboHelp.
You can now use the improved Responsive Layout for your output:
Looking to learn RoboHelp? We offer a live, two-day online RoboHelp class once a month. Feel free to contact us to learn other ways to meet your RoboHelp training requirements.
You can follow this conversation by subscribing to the comment feed for this post.