Skip to main content
A
AMCGracer
Inspiring
January 8, 2016
Question

Customize phone layout of multi-screen HTML5 output

  • January 8, 2016
  • 1 reply
  • 613 views

I would like to customize the phone layout in the multi-screen HTML5 output. Rather than launching a home page with options for index, glossary, and toc, I'd like the home page to be the TOC. There will be no index or glossary, as this is for a very small app. I just want to provide some quick help on a few screens.

I saw the post regarding removing these elements from responsive html5, but I just want to remove them from the phone layout. I don't need all the multi-screens.

Does anyone know how to do this?

If not, do you have an alternative that will achieve the same goals?

Thanks so much!

  --Amy

This topic has been closed for replies.

1 reply

Willam van Weelden
Willam van Weelden
Inspiring
January 9, 2016

Before I go into depth: is there a reason you want to go with Multiscreen HTML5 instead of Responsive HTML5? The Responsive is much easier to manage from an author's perspective. Even if you only plan on supporting mobile, I would recommend the Responsive and tinker with the break points so that your readers always see the Phone output.

The reason for my recommendation is that for changing Multiscreen HTML5, you will need to dive into the HTML and CSS of the layout. There is no WYSIWYG editor available. You may want to start out with the articles and webinars available here: Starting with HTML5 in RoboHelp | WvanWeelden.eu After that, please post any further questions you might have. Though, unless there is a very specific need to go for Multiscreen HTML5, I would like to once again advice you to look at the Responsive layout. (Or you can hire me and I can update the layout for you ;-)

    A
    AMCGracerAuthor
    Inspiring
    January 11, 2016

    OK. You got me. Responsive HTML seems to have a lot more flexibility in the layouts. The reason I was going with multiscreen is because I really just want the phone layout. I also want the phone layout to start with the TOC page rather than the index page.

    I downloaded your TOC layout from an earlier post and have modified the template to fit my my needs. I just cannot figure out how to get the TOC as the home page. If I choose my TOC file as the start page in Robohelp Output folder and start page, I sure enough get the TOC as the home page, but none of the links function properly, and then I get some weird TOC within TOC action happening.

    The way I have it working is not terrible: I have a short blurb describing the app on my home page, and then the user can click the Contents; however, I see the user preferring to go directly to the TOC and get the topic he wants.

    Any tinkering help would be appreciated! Thanks for your advice so far.

    Willam van Weelden
    Willam van Weelden
    Inspiring
    January 12, 2016

    This TOC only layout is an RH11 layout. In that case, you best open the table_of_contents.htm file directly instead of the index.htm file. That will make sure the TOC gets displayed as you want.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices