Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Customize phone layout of multi-screen HTML5 output

Explorer ,
Jan 08, 2016 Jan 08, 2016

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

563
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 09, 2016 Jan 09, 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 😉

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 11, 2016 Jan 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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 12, 2016 Jan 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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 12, 2016 Jan 12, 2016

Hi Willam, just to clarify, do you mean the app will call the table_of_contents.htm files rather than the index.htm? Just want to make sure you don't mean changing the start page or default topic within Robohelp.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 13, 2016 Jan 13, 2016
LATEST

Precisely. This is separate from the default topic.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp