HTML5 Multiscreen and Responsive Layouts

 

 

RoboHelp offers two types of HTML5 output, multiscreen and responsive. This page explains the differences.

Introduction

RoboHelp 10 introduced Multiscreen HTML5. At its simplest, there is a different layout (skin) for each screen size that you want to support so you have to set each one up to your requirement. This format was found to be difficult to use by some and in RoboHelp 11 Responsive HTML5 was introduced. The key difference is that the designs for each type of device, desktop, tablet and smartphone, are built in.

Multiscreen continued up to and including RoboHelp 2019 Classic but was dropped in the new UI version.

Multiscreen

With Multiscreen the author has to define how they want things to work on each device to be supported. That could be desktop and mutliple screen sizes for tablets and smartphones. That gives maximum flexibility but also requires more technical knowledge than the Responsive layouts that followed.

The option remains available but unless you have a very specific need to use Multiscreen, I recommend using Responsive layouts as they are easier and getting better support with new features being added. I doubt that Adobe will progress Multiscreen any further given that Responsive has proved much more popular.

Demo

If Multiscreen is your choice:

Responsive

The advantage of the Responsive output is that the design and cut off point for each device is built in and requires no work on the part of the author, other than any chosen customisation. There is an editor built in to customise the skin.

Responsive layouts have proved to be hugely more popular and new skins are getting added with each version of RoboHelp. As well as the appearance changes, new functionality is getting added. There is information about Responsive outputs in the RoboHelp Tour. The link goes to RoboHelp 11 and there is more in the topics about later versions.

Donations

If you find the information and tutorials on my site save you time figuring it out for yourself and help improve what you produce, please consider making a small donation.

Topic Revisions

Date

Changes to this page

16 Jun 2019

Updated to cover supported versions of RoboHelp.

05 Feb 2017

Topic reviewed. Originally it covered Multiscreen layouts only. Now it covers Responsive layouts and explains the difference.

06 Mar 2014

Link to Employee Care HTML5 demo changed.

06 May 2013

New article