HTML export settings

In the HTML export section of Project settings dialog you can configure appearance of exported HTML files.

To open the project settings, use one of the ways described below:

click button in the application toolbar;
go to the Options menu and click the Project settings menu option;
use Ctrl+Alt+P shortcut;
you can also click the floating button in HTML preview. Here is what it looks like:

Project settings dialog should appear. On the left side of it go to HTML export.

Base URL of online manual folder

Specify the base URL of folder with online manual here.

Top

Language

Use this field to specify language.

Top

File extension

Use this drop-down list to specify the extension for the output files:

asp;
aspx;
htm;
html;
shtml;
phtml;
phtm;
php;
pl;
py.

... or use your own extension.

	You do not need to specify a dot before the file extension!

Top

Image files subfolder

In this field, specify the subfolder where the image files will be stored.

	If your HTML files will be available via http://site.com/help link and you want to images to be available via URLs like http://site.com/help/img/image.png then specify img in this field.

Top

Optimize the image file size

Select this option for better compression of output images with possible almost invisible quality reduction.

Top

Show original images on click

Enable the option to display the original images on a click in the so-called "lightbox".

Image in the lightbox:

Top

Color theme

Select a color theme to use for the exported HTML files. You can create your own color themes using buttons next to the theme list.

Top

Additional CSS

Press this button to specify your own CSS code to override CSS generated by Dr.Explain. You can customize the appearance of HTML pages: fonts, colors, sizes, etc.

Top

Page structure

Use this section to configure the structure of the page: show or hide the menu (and select its type), index and search tabs.

If you select checkbox Always keep header and footer viewable, the height of the generated pages will be automatically adjusted to fit to the height of the browser window. The header, footer and sidebars will be docked to the window's sides while the central content part will remain scrollable.

Select checkbox Pop-up tooltips over clickable areas to enable pop-up tooltips that will be displayed when the mouse pointer moves over the callout on the annotated screenshot. The tooltips will display the associated control description, so that the user doesn't have to scroll the page down to read it.