The options in this section define the layout of your WebHelp. You can use a standard two-pane layout that directly emulates the HTML Help viewer, a three-pane layout that allows you to integrate your own website's header page in the top frame or a "no frames, no scripts" option for manual integration.
Configuration > Publishing Options > WebHelp > Layout
Everything in these templates must be edited in the .hmskin skin file if you are publishing with a skin. When you use a skin, the HTML templates and settings in the skin replace those in your project. Usually, when you are using a skin, you don't need to edit anything because it has all already been set up by the designer.
If you want to create your own skin you can turn your project into a skin with Save As... in the File menu. Then you can edit it as a skin and use the layout you create with other projects as well.
Instead of choosing and setting up your layout yourself you can just choose one of the "skins" provided with Help+Manual. To do this just select one of the available skins with the Select Skin option in the Publish page and select one of the available skins.
See Transforming your output with skins for full details.
There are four different layout modes to choose from: Integrated, which is a modern layout using HTML5 and iFrames; No Frames, which uses the TOC as the main index.html file; and the two Classic versions with 2-frame and 3-frame layouts using a traditional HTML4 frameset.
We generally recommend using the Integrated version. The No Frames version is designed for specialists who want to handle the integration of their WebHelp pages themselves. The Classic versions are mainly provided for backward compatibility with old projects and are equivalent to the old standard layouts in Help+Manual 5 and earlier versions.
The Integrated layout includes a header box above the navigation and topic panes that normally just contains the title of the project, which is inserted with the <p>Help & Manual 7 - User Help</p> code in the Header HTML Content: editing box. You can add any additional HTML code of your own that you like here, including references to logo images etc.
Note: The header box is not a frame
The header box is a normal <div> element on the page, not a frame or an iFrame, so you cannot load external files into it with normal means. You must actually insert the code you want to use into the box.
When you choose Classic 3-frame mode you have two options for inserting your own top frame: You can either insert a reference to an existing web page that you want to load into the top frame or you can enter the HTML code for the top frame directly in the Layout dialog.
The Layout template defines the basic layout of the user interface for WebHelp. The actual content is stored in additional pages that are dynamically displayed inside the layout page, which defines the positions in which the additional pages are displayed. These are the pages for the table of contents, the keyword index, the full text search option and the actual topic content.
All these pages also have templates that you can edit, if you are experienced in HTML and CSS. You don't need to do this, however. Your project automatically comes with pre-defined standard templates that provide a very basic but fully functional WebHelp layout with table of contents, search and keyword index.
Skins are the easiest way to advanced WebHelp layout
You can create a more advanced layout yourself by editing the templates, but the easiest way is to use a pre-defined "skin". These skins are special Help+Manual projects that contain all the WebHelp settings and templates to provide an attractive and more functional layout. You select them in a one-click process when you publish your project. See here for details.
Texts in the page templates
These templates contain user interface texts that you may want to edit. These include texts for the navigation buttons (Next / Previous) and the texts for the links in the navigation pane for switching between the Contents, Index and Search panes.
Locations of the Topic Page, Table of Contents, Index and Search templates
Configuration > HTML Page Templates > Default
Table of Contents, Index and Search:
Configuration > Publishing Options > WebHelp:
•Table of Contents
•Full Text Search
HTML template variables (Reference)