Editing Project Options / Web Help /

Web Help: Layout Options

Send comments on this topic

← Previous Next →

1.On the Project tab, in the Project group, click Project Options.

2.In the Project Options dialog, in the left sidebar, under Web Help, click Layout.

3.Change the parameters that you need.

4.Click OK.

Below is a description of the parameters in this section.

Navigation

Show navigation

Allows you to enable or disable the navigation pane in the Web Help system.

Page width

Specifies the width of the navigation pane.

Splitter width

Specifies the width of the splitter element.

Show on mobile as

Specifies the style of the navigation pane on a mobile device.

Source

Here you can edit the source HTML/CSS code of the Web Help system's layout, customize the header, footer, mobile header areas, etc.

Page

Allows you to edit the source HTML code of the Web Help's layout.

Remark: In the HTML Editor, you can use general and web help-related text variables, insert images from the project's Media Repository, and also use build tags to define when a specific block of code will be included (or excluded).

CSS

Allows you to edit CSS styles used by the Web Help's layout.

Header

Allows you to specify if the header area will be shown, set the desired height value, and select the content that will be displayed by the header as described in the table below:

HTML Content

Allows you to modify the default HTML code used for the header area according to your own needs.

To reset the HTML code to the default state, click the Set default content button. Also, you can use the Load and Save buttons to load or save the content to or from an HTML file.

Help topic

Allows you to specify a help topic that will be displayed in the header area.

External page

Allows you to specify the URL of an external web page that will be displayed in the header area.

Footer

Allows you to specify if the footer area will be shown, set the desired height value, and select the content that will be displayed by the footer (similarly to the header area).

Mobile Header

Allows you to set the desired height value, and edit the HTML code of the mobile header which is displayed when viewing the Web Help system on a mobile device.

Not Found

Allows you to edit the HTML template of the "Not Found" page that will be displayed if the requested topic does not exist in the Web Help system. Alternatively, you can specify a topic whose content will be displayed in that case.