User guide

Page 88

visualise | communicate | ENGAGE The InstantAtlas Style Editor

g the InstantAtlas Area Profile Template User Guide

Figure 106

A description for each style class is displayed at the top of the ‘Properties’

pane. Also, you can tell from the names of the classes that many of them

are related (Figure 106). The panel classes for example are controlled by

the “parent” ‘Panel’ class within which individual properties can be

changed. These changes made to the “parent” class will affect all panel

objects in the dynamic report. You can override the global parent class by

making changes to the “child” classes in order to style individual panel

objects (e.g. ‘.mapPanel’ for the map component only).

You can drag the right hand border of the pane if you wish to make the

‘Classes’ pane wider. There are two icons at the bottom of the ‘Classes’

pane. The icon on the left allows you to add a new class or element. If

you click it, the ‘Create a new style selector’ dialog will appear

(Figure 107).

Figure 107

For example, you may have inserted a number of custom text components

into your report using the Designer and wish them to be styled the same

way. If there is not an existing style that is suitable, you could use the

Style Editor to add a new class and create properties for it such as ‘font-

family’, ‘font-size’ and ‘fill’. You would then ensure your custom text

components use the new class by editing the properties for the text

component in the Designer (‘Styles’ tab, de-select the custom style and

choose your new class from the drop down list).

The icon on the right allows you to remove the selected class or element.

You can also access these options by right clicking on a style class in the

list. You should not delete any of the default classes unless you are

absolutely sure they will not be required otherwise you risk breaking your

report.