This layout is HTML5-based with modern iFrames instead of the deprecated HTML4 frameset as containers for the navigation and topic pages. It also has a container at the top for the title of the project and any other content from your website that you want to put there.

Settings:
When you select the Integrated layout option you can define the background color, borders and frame dimensions in the Simple Options tab.

Header content:
By default, the Header HTML Content: field only contains the title of the project. You can add any additional HTML that you want to put here to integrate the WebHelp with your own website.

This a special output format for responsive WebHelp that will work across multiple device platforms (desktop, tablets and smartphones). Currently, it will NOT "work" if you just select it. It requires extensive JavaScript and CSS programming on the part of the author because all the special scripting and CSS for this is not generated automatically. The scripts and CSS must all be included manually in a skin using this mode. It will be documented in future updates when our own responsive WebHelp skins have been released.

This option removes completely disables the layout page. Instead , the Table of Contents page is used as the main index.html page. Items clicked in the Table of Contents then display in the same page.

This is designed for authors who want to integrate their WebHelp usage themselves. It is ideal for small-screen devices like smartphones and small tablet computers.

Tip: When using this layout, set index.html as the target of the Top navigation link in theHTML topic page template and change its caption to "Contents". Then users will be able to switch back to the contents easily after viewing pages.

This option uses a traditional HTML4 frameset with two vertical frames, one for the navigation pages on the left and one for the topic pages on the right. It is the equivalent of the standard layout in Help+Manual 5 and before.

Settings:
You can turn on a border between the frames and set the width of the navigation pane on the left in the Simple Options tab. Values below 100 are interpreted as percent, values above 100 as pixels.

This option uses a traditional HTML4 frameset with the same two vertical frames as the 2-frame layout, plus a horizontal frame at the top for your website title, banner etc. It is the equivalent of the standard 3-frame layout in Help+Manual 5 and before.

Settings:
In addition to the borders and navigation frame width you can also define the height and content of the head frame. You can either insert the HTML code yourself in the editing box, or reference an HTML file you want to load in the frame. See below for details.

Choose the option Head frame loads external file: and enter the name of the HTML file you want to load into the top frame.

➢Help+Manual does not copy this file for you! You must make sure that the file and all the files it references (graphics etc.) are copied to the correct location on your server.

➢The HTML file does not have to be stored in the same directory as your help. If it is located somewhere else you must include the correct relative or absolute path to the HTML file in the dialog together with the filename.

Select the Edit HTML Code tab and edit the code manually in the editor box that activates when you choose this option. You should have experience with manual HTML code editing to do this!

➢When you use this option the head frame HTML file is generated automatically and copied to your output folder together with the rest of your help.

➢You can reference graphics files and other external files in your code in the same way as you would in the other HTML template files. See Using HTML Templates for details.