Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Info
iconfalse

Quick video tutorial

...


Overview

This functionality will allow users to customize the appearance of displays objects to better suit the Project Project looks. It is available for .Net and HTML5 Clients.

...

You can also create new Themes by following the same logic applied to the predefined ones.

Theme Palettes.


The colors and themes displayed in the image above are built-in when creating a new Project. The categories are separated in DashBoard, HighPerformance and Standard.

...

When the Theme is disabled in a Page, all objects inside the display will have their themes disable as well. The color will be the configured color (from color theme selection or not) and when changing the theme on runtime it will keep the configured color only.

Display Configuration.

  

For individual components, the Enable/Disable CheckBox can also be found at the left-panel settings.

Image ModifiedObject Configuration.


...

How to Set a Theme

There are a couple different ways in which a Theme can be configured into an object or Project.

...

At Edit-Displays-Displays under the .Net Client Settings you will find an insert TextBox. On this field you can enter a Theme name that will be active at the Project Startup.

Theme at Startup.

Change Theme in Runtime

The Theme selection in Runtime can be done using the syntax below in Script codes, Expression fields or objects configuration.

...

At the top of the Configuration Window there is a field called Theme Color. You can insert the Item Name, or click on the Button and browse through the available ones (at Run-Dictionaries-Themes).

Set Object’s theme.

 

For the most part, the Themes will be available in all color settings Configuration Window.

...

It is important to notice that these properties will only be valid for that specific Theme as displayed on the Configuration Window (1).

Object Advanced Properties.

 

Some components like text font, radio box marker, combo box marker or any other control where some control piece is not color or not exposed in the drawing tool configuration, you can access these control piece directly to the property.

...