HTML Styles

Here you can define styles for the text components. To create a new style:

1. Right-click on the HTML object and select Insert Style (Inside).

A new style is created.

2. Right-click on the new style, select Rename, and give the new style a logical name.
3. Right-click on the style and choose Properties.

The Properties sheet opens . Here you can specify the various characteristics that are to be used for the text when this style is selected. A full description of all the HTML style properties is available in the Professional Authoring documentation.

Figure 1 - HTML stylesheet properties

A style Preview area beside the property sheet shows how the text will look as you make the changes. Use the Preview As field to select a type of element. The Preview area then shows how that element type will look with the current settings.

Note: You can also link a Reportal report to a Survey Layout in Forsta Authoring, and use the HTML styles from the Survey Layout (go to Selecting a Survey Layout for more information).

Custom CSS

Reports have a "Custom CSS" field, which allows you to enter any CSS code that you wish to include. This code will then be rendered in the report styles. This feature is also present in Authoring and Panel Portals.

To use this feature:

1. Open the report to which you wish to add the custom CSS.
2. In the Layout and Styles toolbox, expand the Styles folder.
3. Right-click on the HTML folder and select Edit Custom CSS.

The Edit Custom CSS overlay opens. Here you can enter any CSS you wish to include. The style(s) you add here will be visible in the report preview.

Note that custom CSS is preserved on duplication and export, and is also supported by templates.