Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

A guide to the Theme Editor. 

The Theme Editor Features

The Theme Editor is a simple tool to create your themes. 

Preview area

The Theme Editor has a large and responsive preview area where any setting you make is reflected instantly.

Settings area

The right hand side of the editor is where you expand sections to make the settings you want. 

Context switcher

In the top left of the page you can switch between Portal and Request / Issue to see what the theme will look like in different areas. 


History area

In the History tab you can restore an old version of a theme. A version is generated every time you hit the save button.




The settings and the looks

Main appearance

Use the main setting to choose the look for your theme. For the first option to the left, there is only header and footer available as sections. 


Header

The header is the very top section of the theme where you use a color, an image or a gradient to set your look. 



Body

The body is the main part of the theme, located between the header and the footer. 

Content

For the content you can choose to have shadow effects and corner settings. 

The footer is the lower part of your theme, you use the settings here to choose text color, link color and background, as well as a border option. 



Portal

The portal settings apply to the area of the content, the white (or grey) area in the middle of the page. Settings can also be made for the background

  • Fill background - this setting makes the content area span right to left and top to bottom completely
  • Width - the percentage or pixel amount of how wide the content area is. 

When the background is filled, you are not able to set the width manually. 

Row Style

The row style has three settings:

  • No Style - every horizontal section will be white
  • Alternating - every other section will be white, every other grey. 
  • Separating line - a small grey line will section off the other

Request / Issue

Width setting for how the requests and issues are displayed. 


Extras

Settings for colors and navigation for the theme. 

Primary Button Color

This dictates the color of most "primary" buttons in the portal UI. 

Example buttons controlled by this setting are:
  • Create request button
  • Approval button
  • Share with participants
  • Upload attachments
  • Add comment
  • No labels