Theme Editor

Note: This topic applies only the Windows client version of the Theme Editor. There exists a corresponding version of the Theme Editor for the web client. See Global Objects - Themes.
In the Windows client, you can use the Theme Editor to edit new, copied, and existing themes. You can change foreground, background, and text colors for a variety of components; and you can change font family, size, and style. You can change the opacity of the toolbar buttons for enabled, disabled, and hover states. Some component types, such as buttons have multiple attributes, such as border colors and mouseover hover colors, for which you can define colors and fonts.

The Theme Editor has two tabs, the Styles tab and the Options tab.

Styles tab

The Styles tab has three panes and two buttons.

  • The element tree pane is the pane on the left and contains the UIElement, Form, and FormComponent parent nodes. UIElement is the primary parent, so anything you do to it filters down to the others. FormComponent is subordinate to Form, so anything you do to Form filters down to FormComponent. If you make a change to UIElement, for example, that then filters all the way down to FormComponent.
  • The preview pane displays a preview of a selected component or other item in the tree pane, if available. The preview pane is the center pane. When you make edits in the properties grid pane (on the right), the preview pane immediately shows the changes. You can use the slider at the bottom of this pane to zoom in on the preview display, to more easily see the subtle details of your changes.
  • The properties grid pane contains the properties grids. Use these grids to modify the properties for each type of component as desired.
  • The Add Class button adds a class to a selected component type.
  • The Delete Class button deletes a selected class. You can delete only classes that you have added.

Options tab

The Options tab contains application-level settings. You can make these settings:

  • Explorer Style: Options here are Menu and Classic. In both styles, all menu items are available. The difference is that in the Menu style, most of the menu items are found as sub-menu items on the System main menu; while in the Classic style, most of the menus are in the menu bar.
    • Menu: This option provides fewer menus on the menu bar. Menus that appear in the menu bar in Classic style are found as sub-menus of the System main menu. For example, Form, Edit, View, Window, and Help are found under the System menu.
    • Classic: This option provides menus in the menu bar that were there in previous versions of Windows client.
  • Required Field Indicator: These are the options:
    • Asterisk: This option displays a red asterisk before required fields and a green asterisk before "To Be Determined" (TBD) fields.
    • Corner: This option displays a small triangle in the upper-left-hand corner of the required fields. Specify the color for the Required Field Indicator color setting.
    • Corner and Border: This option changes the border color and displays a small triangle in the upper-left-hand corner of the required field. Specify the color for the Required Field Indicator color setting.
    • None: This option hides the asterisks and relies instead on background color fills using whatever color you choose as a style attribute. The default background color for a required field is yellow, and the default background color for a TBD field is light green.
      Note: You can use background color fills regardless of whether you use the asterisks.
  • Group Box Style: These are the options:
    • Standard: This style defines a group box with just a top line.
    • Classic: This style draws a line around all for sides of the group box area.
  • Notebook Style: These are the options:
    • Standard: With this style, there are no borders around the tabs and content area.
    • Classic: With this style, there are borders around the tabs and content area.
  • Button Animation: This setting applies to the web client only. These are the options:
    • Standard: A ripple effect is shown when a button is clicked.
    • Classic: No effect is applied.
  • Mode: Specify the Mode. These are the accepted values:
    Note: This option is used to change the color of checkboxes and radio buttons in the user interface.
    • Dark: This mode provides a darker look and feel for the checkboxes and radio buttons. This is the default mode for Dark theme.
    • High Contrast: this mode provides a darker shade of black and a brighter shade of white to make it easier to use in low-light environment and users with photo sensitivity or contrast issues. This is the default mode for High Contrast theme.
    • Light: This mode provides a lighter look and feel. This is the default mode for all other themes.
  • Default Pinned Explorer Folder: Specify the default pinned folder.

    The path format should be folder names (or untranslated caption strings), separated by slashes. For example:

    master/xModules/xSystem/xUserManagement

    If a user does not specify a default pinned folder, the application uses the default pinned folder (if it exists) of the selected theme.

Related topics