Assign Stylesheet

Create Stylesheet

Use Items/Add Stylesheet to create a new stylesheet.

A stylesheet can be assigned using the menu opened at the bottom of the pages form.

A stylesheet, although saved in CSS format is actuially an XML file which can be edited right in documentARRAY.

It consists of several XML element with CSS style information as content.

Elements in the Stylesheet

hotkeys: Define the meanig of the hotkeys CTRL+'0'...'9'

publish: This part is used to format the text when exporting it to PDF or DocX. If the property override="true" was defined, the properties defined in the style override the properties defined in the paragraph.

edit: This part is used to format the text in the editor and when exporting it to PDF otr DocX.

html: This part is used 1:1 when exporting the text to HTML

menu: This part is used to create the menu on HTML export and also optional elements, such as sidebars.

Sample

<?xml version="1.0" encoding="utf-8"?>
<css>
<edit override="true">
P{font-family:calibri;line-height:1;font-size:11.00pt;}
H1{font-family:calibri;font-size:14.00pt;font-weight:bold;color:red;}
H2{font-family:calibri;font-size:13.50pt;font-weight:bold}
H3{font-family:calibri;font-size:13.00pt;}
H4{font-family:calibri;font-size:12.00pt;font-weight:bold;}
H5{font-family:calibri;font-size:11.00pt;}
H6{font-family:calibri;font-size:11.00pt;}
H7{font-family:calibri;font-size:11.00pt;}
code{font-family:Courier New}
selected{color:red}
</edit>

<!-- here you can set which style to load when the user presses CTRL+0..9 -->
<hotkeys>
  <item com="0=P"/>
  <item com="1=H1"/>
  <item com="2=H2"/>
  <item com="3=H3"/>
  <item com="4=H4"/>
  <item com="5=H5"/>            
  <item com="6=H6"/>
  <item com="7=H7"/>
  <item com="8=P.indent"/>   
  <item com="9=P.small"/>      
</hotkeys>

<!-- The stylesheets sheet are not used when using external, i.e. boot strap themes -->
<html>
...
</html>

<menu>
...
</menu>
</css>