Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
Next revisionBoth sides next revision
72:local_style_custom [2018/07/16 19:21] – created bkkr72:local_style_custom [2018/09/27 18:15] – [Local Style Customization] emr
Line 3: Line 3:
 ====== Local Style Customization ====== ====== Local Style Customization ======
  
-The appearance of the Stages GUI can be customized via CSS (Cascading Style Sheet) statements. Add your local style definitions therefore to the file ''<font inherit/Courier New,Courier,monospace;;inherit;;inherit><PKITHOME>/custom.css</font>''.+The appearance of the Stages GUI can be customized via CSS (Cascading Style Sheet) statements. Add your local style definitions therefore to the file ''<font inherit/Courier New,Courier,monospace;;inherit;;inherit><STAGESHOME>/conf/custom.css</font>''.
  
-The style names used by Stages can be found in the file''<font inherit/Courier New,Courier,monospace;;inherit;;inherit><PKITHOME>/standard.css</font>''. This file can be used as a template for the customization of the local Stages style. +Similar to the above structure, the CSS files ''<font inherit/Courier New,Courier,monospace;;inherit;;inherit><STAGESHOME>/notifystyle.css</font>''  and ''<font inherit/Courier New,Courier,monospace;;inherit;;inherit><STAGESHOME​​​​​​​>/notifystandard.css</font>''  contain the CSS definitions for the e-mail notification service via HTML E-Mails. Add your own definitions to the ''<font inherit/Courier New,Courier,monospace;;inherit;;inherit><STAGESHOME​​​​​​​​​​​​​​>/notifystyle.css</font>''  file and use the ''<font inherit/Courier New,Courier,monospace;;inherit;;inherit><STAGESHOME​​​​​​​>/notifystandard.css</font>''  as a template.
- +
-Similar to the above structure, the CSS files ''<font inherit/Courier New,Courier,monospace;;inherit;;inherit><PKITHOME>/notifystyle.css</font>''  and ''<font inherit/Courier New,Courier,monospace;;inherit;;inherit><PKITHOME>/ notifystandard.css</font>''  contain the CSS definitions for the e-mail notification service via HTML E-Mails. Add your own definitions to the ''<font inherit/Courier New,Courier,monospace;;inherit;;inherit><PKITHOME>/notifystyle.css</font>''  file and use the ''<font inherit/Courier New,Courier,monospace;;inherit;;inherit><PKITHOME>/notifystandard.css</font>''  as a template+
- +
-The icons and headlines shown in the Stages header can also be changed. This customization happens via modification of the local property files +
- +
-  * <PKITHOME>/WEB-INF/classes/LocalPKit.properties and accordingly +
-  * <PKITHOME>/WEB-INF/classes/LocalPKit_de.properties +
- +
-Both, the left and the right header side can be configured to show either an icon or a headline text. To +
- +
-  * configure a headline to the left, use the following properties in a local property file: +
-  * logo.left.mode = text +
-  * logo.left.text.message = <Your Headline> +
-  * logo.left.text.style = heading +
- +
-To configure a logo to the right, use the following properties in a local property file: +
- +
-  * logo.right.mode = image +
-  * logo.right.src = /local/img/<Your logo file> +
-  * logo.right.width = <Logo image width in pixel> +
-  * logo.right.height = <Logo image height in pixel> +
-  * logo.right.altkey = logo.right.text.message +
-  * logo.right.link = http://<Your HTTP link>/ +
-  * logo.right.text.message = <Your message to be shown as tip> +
- +
-The logo image file (GIF, PNG or JPG format) should be stored in a <PKITHOME>/local/img folder. The folder needs to be created if it does not exist yet. All files within the <PKITHOME>/local folder will be preserved across Stages updates.+