The stylesheet

The layout of your entire document (e.g. paragraph, headings and tables) can be defined for all document templates at once using a stylesheet. A stylesheet is a document with code in which things like color, fonts, font size, bold or not are set.
  1. The stylesheet(s) can be found via the menu 'Manage' (1) and the menu item 'Stylesheets' (2). 
  2. Click on the menu item 'Stylesheets'? Then the search screen (3) with created stylesheets will open.

The content of the stylesheet is written in CSS (Cascading Style Sheets), one of the many programming languages available.

We understand that this is not a cut cake for you. That's why we've already prepared a standard version for you and explained it below so you can easily edit it yourself.



Note: For document templates made with the new editor you need a separate stylesheet, the stylesheets for document templates made with the old editor are arranged differently. Are you going to start working in the new editor? Make sure you open the stylesheet for the new editor "Default3.0" and set the layout correctly. The values can be taken from stylesheet editor 2.

Below we explain the different sections.




Text for the entire document.


In the stylesheet of the old editor, the formatting of fonts was defined in one place. This made it difficult to use multiple fonts. In the new editor you can define different values for paragraphs, titles, etc. This allows you to easily vary fonts, font size and color. Make sure that the fonts and format match between both stylesheets
Old
editor
New
editor
 
There's no need for a section. Formatting of fonts, color, etc. is defined in the sections below (paragraph and headings). If you have entered different values in editor 2, make sure that these different values are also included in the headings below.


Paragraph text


The paragraph text is defined slightly differently in the new editor. The font-family and font-size remain the same. Color (the color of your text) is indicated by a different color code. Previously via RGB and now via Hex. Has your organization defined a corporate identity? Then you will find the HEX colour in it. Do you only have an RGB colour? Convert them via this link to HEX.
Old
editor
Afwijkend van wat je hierboven hebt ingevuld.
New
editor
 


Headings 1 through 4.


As you might know, HTML (the code of your document templates) allows you to define different headings. H1 is the most important one and H5 the least. In your style sheets you can give each headline a separate layout. Very easy to create hierarchy in your headers. As you can see below the stylesheet differs from the old and the new editor. You have to define the new stylesheet separately from the font-family for all headers. This is in the "body" tag of the old editor. Again the text color works with HEX instead of RGB. 
Old
editor
Adjusting the heads 1 to 4:
New
editor


Bullets and numbering.


Enumerations and numbering have also been changed in the new editor. Where the old editor set margins in one parameter, the new editor sets them in 2 separate ones. You can see this in the example from the stylesheet below. Here you will find the margins you want to use for your lists. 
Old
editor

Bullets and numbering:

New
editor


Table.

Tables also work a little differently. For example, you have to define the border for all sides separately again with HEX colors. This also applies to text and background color. The height remains in the new style sheet on car, as you can change this in the editor itself.
Old
editor

Tabelopmaak:
New
editor