Page History

...

The Themes function allows you to customize the appearance of your display to better suit your Project. It is available for .Net NET and HTML5 Clients.

On When you go to Run-Dictionaries-Themes, you will find predefined theme palettes that are built into most of the project templates, except for the . The Blank Project . You can also is the only theme that does not have predefined theme palettes. Themes are completely customizable because you can select whatever color you want for each element in each columns. You can use this method to create your own theme by selecting colors for each column. .  

The colors and themes displayed in the image below are built into new projects. The DashBoard, HighPerformance and Standard display elements are grouped together in the ItemName column. 

...

Enabling/Disabling Theme

To Enable enable or Disable disable the themes function, navigate to the Draw Editor and click on the checkbox located at bottom of the panel on the left.

When a theme is disabled for an entire page, the theme for every object in the display will also be disabled. The color colors will be the built in predefined colors shown in the image above.

When you change the theme in runtime, it the pages and objects will keep the their default configured color onlycolors. 

Individual components will have an Enable/Disable checkbox in the left panel settings.

...

There are a couple different ways in which a theme can be applied to an object or project.

• Startup a theme Theme in a projectProject
• Change a theme Theme in runtimeRuntime
• Configuring

  Configure a

  palette

  Palette for an

  element

  Element in a

  page

  Page (

  rectangle

  Rectangle,

  button

  Button,

  textblock

  Textblock, etc)

• Pre-defined Theme and Colors

• Specific Element Properties (Advanced SettingsSpecific element properties (advanced settings)

Startup a Theme In a Project

In Edit-Displays-Displays and under the .Net NET Client Settingssettings, you will find an Initial Theme textbox. In this field, you can enter the name to whatever of whichever theme you want to be active for the project startup. 

Change a Theme in Runtime

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

...

@Client.Theme = "Blue";
@Client.Theme = "Dark";
@Client.Theme = "Yellow";
@Client.Theme = "";

...

Configure a Palette for an Element in a Page (Rectangle, Button, Textblock, etc)

To set a theme for an element in the display, you need to open the Appearance configuration window located in the left panel toolbar, in Run-Dictionaries-Themes. 

...

In Run-Dictionaries-Themes , under and under the Advanced settings, you can customize the component properties. 

When clicking on the advanced button from the theme tab, the advanced dialog box will be opened open based on the selected theme of combo box selection.which theme you selected with the combobox. 

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

Some components like By opening the advanced settings, you can easily access components such as text font, radio box marker, combo box marker or any other control where some control piece is not color or , or components that are not colors or are not exposed in the drawing tool configuration, you can access these control piece directly to the property. 

In the example above, the customization is valid to TRadioButtons and all Ellipse (we . You can overwrite the basic color configuration too here)by opening the Advanced Settings and typing the name of the property and value you desire. To filter for specific elements, you should use the Uid property to select a specific element.

...