System Options

Themes and Theme Assignment

 

Themes and Visual Classes provide the easiest way in NOMADS and iNomads to define and maintain a unified look and feel to panel controls within your application. By using these utilities, you can define default settings for various display properties and save each definition with a unique name for applying or modifying when needed.

Themes are used to define a set of display properties for all controls based on the control type (i.e. all "Button" types), which can then be applied at different hierarchical levels that cascade to lower levels. They can be applied system wide, to specific libraries, to specific panels and to iNomads templates.

Visual Classes are used to define a set of display properties for applying to specific controls on selected panels (i.e. all buttons with text only), thereby overriding Theme settings. Visual Classes are particularly useful in cases where unique settings are required (i.e. that do not conform to the applied Theme). To learn about creating and applying a Visual Class, see Visual Classes.

Example:

You define a Theme for all "Button" controls to set the Background property to "Light Red". As a result, all button controls within your application will have a "Light Red" background.

For information on applying a Theme, see Applying a Theme to Your Application below.

For information on the properties associated with each control type, see these sections below: Default, Button, Chart, Check_Box, Drop_Box, Folder, Fonted_Text, Frame, Grid, List_Box, Multi_Line, Radio_Button, Tristate_Box, VarDrop_Box, VarList_Box.

Note:
See Query Button Options for special considerations when displaying query buttons.

Themes Maintenance Utility

The NOMADS Themes Maintenance Utility is used to define the display properties for creating a Theme. Themes created with this utility are stored in the providex.dfs file.

To invoke this utility, use one of the following methods:

Location

Method

From the PxPlus IDE Main Launcher

Expand the Graphical Application Builder (NOMADS) category. Then expand the Setup category and select Themes.

From Library Object Selection

Select Themes Maintenance from the Utilities menu.

(Themes Maintenance was added to the Library Object Selection Utilities menu in PxPlus 2019.)

From the NOMADS Session Manager

From the Options menu, select Themes.

To define a new Theme, enter a unique Theme name and select the Control Type to which the Theme will be applied. Depending on the control type, the properties that may be defined in a Theme include background and foreground colors, fonts, button appearance (flat, transparent, etc.), folder tab position (top, bottom, left, right, etc.), frame type (3D, recessed, raised, etc.), grid (fill color), and so on. Refer to the sections below for the properties associated with each control type.

The Themes window consists of the following:

Theme

Name of the Theme. Maximum 30 characters. Create a new name to be associated with current property values.

To select an existing Theme to modify, click the Query button (binoculars) or use the Browse buttons. If any unsaved changes are detected, you will be prompted to save the changes.

Theme names are not case sensitive. This allows a different case to be used when typing the same Theme name to refer to the same record (providing that the Control Type also matches). When an existing Theme is recalled, the name will be in the case that was entered when the Theme was first created.

Example:

Suppose that a Theme named "ButtonRed" exists for Button controls. Other case variations of this name can be entered to refer to the same Theme; e.g. "BUTTONRED", "buttonred" or "BUTTONred".

(Support for case insensitive Theme name was added in PxPlus 2020.)

Copy Theme

(Available when an existing Theme is selected)

Button used to create a new Theme by copying the settings from an existing Theme. Once it is created, the new Theme must be saved, as the Copy process does not do this.

(The Copy Theme button was added in PxPlus 2020.)

Control Type

Control type to be defined. Click the drop-down arrow for a list of available control types: Default, Button, Chart, Check_Box, Drop_Box, Folder, Fonted_Text, Frame, Grid, List_Box, Multi_Line, Radio_Button, Tristate_Box, VarDrop_Box, VarList_Box.

Default is used to set basic overall properties (Background and Foreground colors, Font) for any control types that do not have these properties defined under their own control record in the current Theme.

Property
Value

A two-column table that lists a sub-set of the properties normally displayed in the design window for a control type. The list of properties varies depending on the Control Type selected.

The properties are grouped into categories (i.e. Attributes, Colors, Font, etc.) and sorted alphabetically within each group by default. These categories can be expanded/collapsed by clicking the + (plus) or - (minus) button adjacent to the category name. Only the categories that apply to the selected Control Type are displayed.

The method for entering or displaying property values is dependent on the property type. Some fields are intended for entering free-form values; e.g. for height and width.

Drop box style cells are identified by a down arrow button, which indicates that pre-set selections are available.

Query style cells are identified by a three-dotted button. These cells are often associated with more than one field, and clicking the button invokes a separate dialog for entering/changing field values. The dialog that is invoked varies depending on the property. Double clicking inside the cell either invokes the same dialog as the dotted button or allows values to be entered directly into the cell.

For information on the properties associated with each control type, see these sections below: Default, Button, Chart, Check_Box, Drop_Box, Folder, Fonted_Text, Frame, Grid, List_Box, Multi_Line, Radio_Button, Tristate_Box, VarDrop_Box, VarList_Box.

(The ability to double click inside a Query style cell was added in PxPlus 2023.)

Write

Adds/updates the current record.

Delete

Removes the current record.

Clear

Clears the current record.

Exit

Closes the Themes window. If any unsaved changes are detected, you will be prompted to save the changes. (Same applies when using the X (Close) button.)

To apply a Theme, see Applying a Theme to Your Application below.

Applying a Theme to Your Application

Themes can be applied at several hierarchical levels within an application. This allows different aspects of your application to be customized with their own unique look and feel. These hierarchical levels are explained below.

Level

Description

General

Assign a Theme to the %NOMADS'Theme$ property at run time to apply a Theme system wide. This can be done in your START_UP program and is applicable for NOMADS and iNomads environments.

Note:
A Theme assigned to the %NOMADS'ThemeOverride$ property overrides all other Theme settings. See Session Override below.

Library

Assign a Theme in the Library Defaults window (Font/Color tab) to apply a Theme to all panels in a selected library.

The Library Bulk Edit and Search Utility can also be used to apply a Theme simultaneously to multiple panels either in a single library or in multiple libraries within a specified directory.

Note:
Library Themes override the General Theme. A Theme assigned to the %NOMADS'ThemeOverride$ property overrides all other Theme settings. See Session Override below.

(Assigning a Theme to a library was added in PxPlus 2017.)

Panel

Assign a Theme in the NOMADS Panel Header window (Font/Color tab) when creating/editing a panel to apply a Theme to the controls on a selected panel.

The Library Bulk Edit and Search Utility can also be used to apply a Theme simultaneously to multiple panels either in a single library or in multiple libraries within a specified directory.

Note:
A Panel Theme overrides General and Library Themes. A Theme assigned to the %NOMADS'ThemeOverride$ property overrides all other Theme settings. See Session Override below.

(Assigning a Theme to a panel was added in PxPlus 2017.)

iNomads Template

In the iNomads environment, assign a Template Theme from the iNomads Setup window, which allows access to System Administration Functions such as Template Settings. In this window, select the Options button to invoke Template Configuration Maintenance. In the Overrides tab, enter a Theme in the Assign a Theme field.

Note:
A Theme assigned to a Template overrides the General Theme, as well as any Library and Panel Themes.

A Theme assigned to the %NOMADS'ThemeOverride$ property overrides all other Theme settings. See Session Override below.

Session Override

Assign a Theme to the %NOMADS'ThemeOverride$ property at run time to apply a Theme system wide. This can be done in your START_UP program and is applicable for NOMADS and iNomads environments.

Note:
The %NOMADS'ThemeOverride$ property overrides all other Theme settings.

To apply an existing Theme at the General level while designing your application in the NOMADS Panel Designer, you can use the Select Theme window. This window is accessed by selecting Options > Select Theme from the NOMADS Session Manager menu bar. Use the drop down list to select an existing Theme. To clear a Theme that is currently in use, select the Clear Current Theme check box. This option only clears the Theme but does not delete it.

Default Properties

The following table lists the Default properties.

Property

Description

Colors

Click the dotted Query button or double click inside the cell to access Color Selections. Valid formats for color selections include predefined system colors (e.g. Light Red), Custom (RGB codes), HTML Hex Color Codes, User Defined colors (e.g. Color17) and string Expressions.

After a color property is set, a tick in the selected color displays in the top left corner. A floating tip with a sample of the selected color displays when hovering the mouse over the color setting.

(The color tick and color tip were added in PxPlus 2018.)
(The Color Selections Query button and dialog were added in PxPlus 2020.)

Background

Background color of the control in its default state.

Foreground

Foreground text color of the control in its default state.

Font

Font

Click the dotted Query button or double click inside the cell to specify font properties and attributes such as Bold, Italics, Alignment (default: Left Justify), Word Wrap, etc.

Button, Check_Box, Radio_Button and Tristate_Box Properties

For Button, Check_Box, Radio_Button and Tristate_Box control types, the button's default appearance can be controlled by setting the standard properties for Background, Foreground, Border Color and Border Color 2. Additional button properties can be set that control the button's appearance when the button's state is changed, thus providing a further visual cue. Possible button states are Active, Disable, Focus and Hover.

 

Active

Button is pressed down.

 

Disable

Button is disabled.

 

Focus

Button has focus.

 

Hover

Mouse is over the button.

Note:
To set the properties that control the button's appearance when the button's state is changed, see the Colors (States) category in the table below.

Example:

You can set a "Dark Green" Background Color (for the button's default state), a "Light Green" Active Background Color (when clicking and holding down the mouse on the button), and a "Light Red" Hover Background Color (when hovering the mouse over the button).

The following table lists the properties for Button, Check_Box, Radio_Button and Tristate_Box controls (exceptions are indicated):

Note:
Certain properties can also be applied to Check_Box, Tristate_Box and Radio Button controls only when they have a bitmap associated with them, in which case they resemble standard Button controls.

 

Property

Description

Attributes

Bitmap Button

Button has a bitmap whose width is divided into four images. Use this to custom design buttons with any color, style or shape by controlling the image that appears.

Border Style

Type of button border. Options are None, Solid, Double, Groove, Ridge, Inset and Outset.

    

If not set, the system default button style is used.

Note:
This property is effective on a Check_box or Radio_button only when it is drawn as a button, which occurs when a bitmap is added.

Border Width

Width of the button border (in pixels). Options are None, 1, 2, 3, 4 and 5.

If not set, the system default border width is used.

Note:
This property is effective on a Check_box or Radio_button only when it is drawn as a button, which occurs when a bitmap is added.

Button On Right of Text

(Applicable to Check_Box, Radio_Button and Tristate_Box)

Bitmap will display after the text. This is only applicable if the check box does not contain a bitmap.

(Button On Right of Text property was added to Themes Maintenance in PxPlus 2018.)

Drop-List Button

An extra button with an arrow bitmap is attached to the right of the main button. When the arrow bitmap button is clicked, the associated popup menu is displayed.

Flat Button

Button shows no raised outline unless the mouse is over the button or the button is pressed down.

Flat - No Border

Button has no border and shows no raised outline unless the button is pressed down.

Hover Color

Text on the button is highlighted when the mouse is over the button. The default color is controlled by the 'CH' system parameter that defaults to 'Light Blue'.

Hover Cursor

(Applicable to Button, Check_Box and Tristate_Box)

Controls the type of cursor to display whenever the mouse moves over the control. Options are Default, Arrow, Wait, Insert, Movement arrows, Sizing arrow, Hand, Crossed hand, Rabbit in hat, Happy face, Sad face, Up/Down arrow, Left/Right arrow and Not allowed.

Moveable

(Applicable to Buttons Only)

Button can be moved by dragging it with the mouse. This movement will not be saved.

(Moveable property was added to Themes Maintenance in PxPlus 2019.)

Sticky Button

(Applicable to Check_Box and Tristate_Box)

"Sticky" functionality; i.e. the button (Check_Box and Tristate_Box) remains in the "pressed" position until the next selection.

Transparent

Button is transparent; i.e. the window contents behind the button show through. This style can be used to place buttons onto bitmaps.

Underscore

Text on the button is underscored.

Colors

Click the dotted Query button or double click inside the cell to access Color Selections. Valid formats for color selections include predefined system colors (e.g. Light Red), Custom (RGB codes), HTML Hex Color Codes, User Defined colors (e.g. Color17) and string Expressions.

After a color property is set, a tick in the selected color displays in the top left corner. A floating tip with a sample of the selected color displays when hovering the mouse over the color setting.

(The color tick and color tip were added in PxPlus 2018.)
(The Color Selections Query button and dialog were added in PxPlus 2020.)

Background Color

Button background color(s). See Background Color 2 below.

Background Color 2

Used in conjunction with Background Color to generate a two-color gradient fill for the button background. The gradient fill starts with Background Color at the top and flows to Background Color 2 at the bottom.

Background Color must be specified; otherwise, Background Color 2 will be ignored.

Border Color

Button border color(s). See Border Color 2 below.

Border colors are applied only if a Border Style (other than the system default) is specified for the button.

Note:
This property is effective on a Check_box or Radio_button only when it is drawn as a button, which occurs when a bitmap is added.

Border Color 2

Used in conjunction with Border Color to generate a two-color button border. Border Color is applied to the top and left borders, Border Color 2 to the bottom and right borders.

Border Color must be specified; otherwise, Border Color 2 will be ignored.

Foreground

Foreground text color of the control in its default state.

Colors (States)

Active Background Color

Background color(s) when the button is pressed down. See Active Background Color 2 below.

Note:
This property is effective on a Check_box or Radio_button only when it is drawn as a button, which occurs when a bitmap is added.

Active Background Color 2

Used in conjunction with Active Background Color to generate a two-color gradient fill when the button is pressed down. The gradient fill starts with Active Background Color at the top and flows to Active Background Color 2 at the bottom.

Active Background Color must be specified; otherwise, Active Background Color 2 will be ignored.

Active Border Color

Button border color(s) when the button is pressed down. See Active Border Color 2 below.

Border colors are applied only if a Border Style (other than the system default) is specified for the button.

Note:
This property is effective on a Check_box or Radio_button only when it is drawn as a button, which occurs when a bitmap is added.

Active Border Color 2

When used in conjunction with Active Border Color, these two colors represent the border colors:  Active Border Color 2 (top and left borders) and Active Border Color (bottom and right borders).

Active Border Color must be specified; otherwise, Active Border Color 2 will be ignored.

Active Text Color

Foreground text color when the button is pressed down.

Note:
This property is effective on a Check_box or Radio_button only when it is drawn as a button, which occurs when a bitmap is added.

Disable Background Color

Background color(s) when the button is disabled. See Disable Background Color 2 below.

Note:
This property is effective on a Check_box or Radio_button only when it is drawn as a button, which occurs when a bitmap is added.

Disable Background Color 2

Used in conjunction with Disable Background Color to generate a two-color gradient fill for the button background when the button is disabled. The gradient fill starts with Disable Background Color at the top and flows to Disable Background Color 2 at the bottom.

Disable Background Color must be specified; otherwise, Disable Background Color 2 will be ignored.

Disable Border Color

Button border color(s) when the button is disabled. See Disable Border Color 2 below.

Border colors are applied only if a Border Style (other than the system default) is specified for the button.

Note:
This property is effective on a Check_box or Radio_button only when it is drawn as a button, which occurs when a bitmap is added.

Disable Border Color 2

Used in conjunction with Disable Border Color to generate a two-color button border when the button is disabled. Disable Border Color is applied to the top and left borders, Disable Border Color 2 to the bottom and right borders.

Disable Border Color must be specified; otherwise, Disable Border Color 2 will be ignored.

Disable Text Color

Foreground text color when the button is disabled.

Note:
This property is effective on a Check_box or Radio_button only when it is drawn as a button, which occurs when a bitmap is added.

Focus Background Color

Background color(s) when the button has focus. See Focus Background Color 2 below.

Note:
This property is effective on a Check_box or Radio_button only when it is drawn as a button, which occurs when a bitmap is added.

Focus Background Color 2

Used in conjunction with Focus Background Color to generate a two-color gradient fill for the button background when the button has focus. The gradient fill starts with Focus Background Color at the top and flows to Focus Background Color 2 at the bottom.

Focus Background Color must be specified; otherwise, Focus Background Color 2 will be ignored.

Focus Border Color

Button border color(s) when the button has focus. See Focus Border Color 2 below.

Border colors are applied only if a Border Style (other than the system default) is specified for the button.

Note:
This property is effective on a Check_box or Radio_button only when it is drawn as a button, which occurs when a bitmap is added.

Focus Border Color 2

Used in conjunction with Focus Border Color to generate a two-color button border when the button has focus. Focus Border Color is applied to the top and left borders, Focus Border Color 2 to the bottom and right borders.

Focus Border Color must be specified; otherwise, Focus Border Color 2 will be ignored.

Focus Text Color

Foreground text color when the button has focus.

Note:
This property is effective on a Check_box or Radio_button only when it is drawn as a button, which occurs when a bitmap is added.

Hover Background Color

Background color(s) when the mouse is over the button. See Hover Background Color 2 below.

Note:
This property is effective on a Check_box or Radio_button only when it is drawn as a button, which occurs when a bitmap is added.

Hover Background Color 2

Used in conjunction with Hover Background Color to generate a two-color gradient fill for the button background when the mouse is over the button. The gradient fill starts with Hover Background Color at the top and flows to Hover Background Color 2 at the bottom.

Hover Background Color must be specified; otherwise, Hover Background Color 2 will be ignored.

Hover Border Color

Button border color(s) when the mouse is over the button. See Hover Border Color 2 below.

Border colors are applied only if a Border Style (other than the system default) is specified for the button.

Note:
This property is effective on a Check_box or Radio_button only when it is drawn as a button, which occurs when a bitmap is added.

Hover Border Color 2

Used in conjunction with Hover Border Color to generate a two-color button border when the mouse is over the button. Hover Border Color is applied to the top and left borders, Hover Border Color 2 to the bottom and right borders.

Hover Border Color must be specified; otherwise, Hover Border Color 2 will be ignored.

Hover Text Color

Foreground text color when the mouse is over the button.

Note:
This property is effective on a Check_box or Radio_button only when it is drawn as a button, which occurs when a bitmap is added.

Font

Font

Click the dotted Query button or double click inside the cell to specify font properties and attributes, such as Bold, Italics, etc. In addition, Alignment (default: Center) and Word Wrap can be specified.

(Alignment and Word Wrap options were added in PxPlus 2022.)

Other

iNomads Class

Assign an iNomads class to the control. The iNomads class contains class attribute references used when defining the control in the HTML code generated in iNomads. An iNomads class reference must start with an alpha character (A-Z or a-z), followed by any combination of A-Z, a-z, 0-9, underscore or dash. Multiple references may be entered, separated by a space.

For a list of pre-defined classes, see iNomads Classes.

(iNomads Class property was added to Themes Maintenance in PxPlus 2020.)

Chart Properties

The following table lists the properties for Chart controls:

Property

Description

Attributes

Bitmap

(Applicable to Plus Charts, which are available starting with PxPlus 2019)

Bitmap to appear as the background for the chart. Click the dotted Query button to specify a bitmap (can be Fixed or an Expression).

Generally, this image will be scaled to cover the region. For all but PDF output, the system will retain the aspect ratio while cropping any excess imagery that will not fit.

Note:
When a Bitmap is set, the system will ignore the FaceColorBack$ property.

(Bitmap property was added to Themes Maintenance in PxPlus 2019.)

Borderless

Control has no border or frame.

Connector Line

(Applicable to Plus Charts, which are available starting with PxPlus 2019)

(Column and Bar Charts Only) When selected, the system will draw lines between the ends of the columns or bars for each point/set in the chart.

(Connector Line property was added to Themes Maintenance in PxPlus 2019.)

Legend Location

(Applicable to Plus Charts, which are available starting with PxPlus 2019)

Location of chart legend. Click the drop-down arrow for a list of selections: Top, Bottom, Left, Right, TopLeft, TopRight, BottomLeft, BottomRight and None.

(Legend Location property was added to Themes Maintenance in PxPlus 2019.)

Pastel Palette

(Applicable to Plus Charts, which are available starting with PxPlus 2019)

When selected, the system will use a different set of more pastel colors to display the charts.

(Pastel Palette property was added to Themes Maintenance in PxPlus 2019.)

Show Values

(Applicable to Plus Charts, which are available starting with PxPlus 2019)

When selected, the system will display the actual point values on the chart.

For Column charts, the values will appear above/below the column.

For Stacked charts, the values will appear in the segment of the chart.

For Bar charts, the values will appear to the left/right of the bar.

For Pie/Donut charts, the values will appear as a percentage inside the pie chart (may be suppressed if not enough room).

For Scatter charts, the X/Y values will appear above the point.

(Shows Values property was added to Themes Maintenance in PxPlus 2019.)

Colors

Click the dotted Query button or double click inside the cell to access Color Selections. Valid formats for color selections include predefined system colors (e.g. Light Red), Custom (RGB codes), HTML Hex Color Codes, User Defined colors (e.g. Color17) and string Expressions.

After a color property is set, a tick in the selected color displays in the top left corner. A floating tip with a sample of the selected color displays when hovering the mouse over the color setting.

(The color tick and color tip were added in PxPlus 2018.)
(The Color Selections Query button and dialog were added in PxPlus 2020.)

Background

Background color of the control in its default state.

Chart Colors

Colors to apply when plotting the different datasets of a chart. See Chart Colors.

Colors can be specified using standard PxPlus colors (e.g. Light Red, Dark Blue, etc.), Custom colors (e.g. RGB:192 255 192), User-Defined colors (e.g. COLOR16) and/or Expressions. The number of colors is not restricted; however, if there are more datasets than colors specified, the colors will repeat.

See Colors for additional information on controlling the colors used for chart datasets.

(Chart Colors property was added to Themes Maintenance in PxPlus 2020.)

Default Color

(Applicable to Plus Charts, which are available starting with PxPlus 2019)

Can be set to the default color to use for all text and non-chart lines (border, chart frame, etc.). If not set, Black will be used.

(Default Color property was added to Themes Maintenance in PxPlus 2019.)

Face Color (Back)

(Applicable to Plus Charts, which are available starting with PxPlus 2019)

Color of the back plane of the chart.

(Face Color (Back) property was added to Themes Maintenance in PxPlus 2019.)

Face Color (Bottom)

(Applicable to Plus Charts, which are available starting with PxPlus 2019)

Color used on the zero ledge on 3D charts.

(Face Color (Bottom) property was added to Themes Maintenance in PxPlus 2019.)

Foreground

Foreground text color of the control in its default state.

Font

Font

Click the dotted Query button or double click inside the cell to specify font properties and attributes, such as Bold, Italics, etc.

Other

iNomads Class

Assign an iNomads class to the control. The iNomads class contains class attribute references used when defining the control in the HTML code generated in iNomads. An iNomads class reference must start with an alpha character (A-Z or a-z), followed by any combination of A-Z, a-z, 0-9, underscore or dash. Multiple references may be entered, separated by a space.

For a list of pre-defined classes, see iNomads Classes.

(iNomads Class property was added to Themes Maintenance in PxPlus 2020.)

Drop_Box Properties

The following table lists the properties for Drop_Box controls:

Property

Description

Attributes

Borderless

Control has no border or frame.

Colors

Click the dotted Query button or double click inside the cell to access Color Selections. Valid formats for color selections include predefined system colors (e.g. Light Red), Custom (RGB codes), HTML Hex Color Codes, User Defined colors (e.g. Color17) and string Expressions.

After a color property is set, a tick in the selected color displays in the top left corner. A floating tip with a sample of the selected color displays when hovering the mouse over the color setting.

(The color tick and color tip were added in PxPlus 2018.)
(The Color Selections Query button and dialog were added in PxPlus 2020.)

Background

Background color of the control in its default state.

Foreground

Foreground text color of the control in its default state.

Colors (States)

Disable Background Color

Background color when the control is disabled.

(Disable Background Color property was added to Themes Maintenance in PxPlus 2022.)

Disable Text Color

Foreground text color when the control is disabled.

(Disable Text Color property was added to Themes Maintenance in PxPlus 2022.)

Focus Background Color

Background color when the control has focus.

(Focus Background Color property was added to Themes Maintenance in PxPlus 2019.)

Focus Text Color

Text color when the control has focus.

(Focus Text Color property was added to Themes Maintenance in PxPlus 2019.)

Font

Font

Click the dotted Query button or double click inside the cell to specify font properties and attributes such as Bold, Italics, etc.

Other

iNomads Class

Assign an iNomads class to the control. The iNomads class contains class attribute references used when defining the control in the HTML code generated in iNomads. An iNomads class reference must start with an alpha character (A-Z or a-z), followed by any combination of A-Z, a-z, 0-9, underscore or dash. Multiple references may be entered, separated by a space.

For a list of pre-defined classes, see iNomads Classes.

(iNomads Class property was added to Themes Maintenance in PxPlus 2020.)

Folder Properties

The following table lists the properties for Folder controls:

Property

Description

Display

Frame Style

Determines the style level and bevel sizes in creating the frame (Fixed value or numeric Expression). This is only used if (at run time) only one sub-panel exists. Click the drop-down arrow for a list of selections: As is, None, 3D Frame, Recessed Frame, Raised Frame, Top/Bottom line.

Note:
Frame Style is applicable only to Tabless Folders and to folders with Tab Position set to Left Sidebar or Right Sidebar.

Sidebar Tab Height

(Applicable to Sidebar Folders Only)

Height of the sidebar folder tabs. If not specified, the value of %NOMADS'SidebarFolderTabHeight will be used. If neither are set, the default height is 2.5 lines.

(Sidebar Tab Height property was added to Themes Maintenance in PxPlus 2018.)

Tab Offset

(Not Applicable to Tabless Folders)

This option is used only when the Tab Position selected is Left (or Right) Sidebar. It determines the distance by which the starting line of the folder tabs will be offset from the starting line of the folder control.

Tab Position

(Not Applicable to Tabless Folders)

Tabs placement. Click the drop-down arrow for a list of selections to indicate where the folder tabs will be drawn on the folder region: As is, Top, Bottom, Left Sidebar, Left (Rotated), Right Sidebar, Right (Rotated).

Note:
Left (Rotated) and Right (Rotated) tab positions do not support bitmaps and images.

Tab Width

(Not Applicable to Tabless Folders)

Uniform width to be used for all tabs.

When the Tab Position selected is Top, Bottom, Left (Rotated) or Right (Rotated), you can either enter a tab width or leave it blank. Leaving it blank will trigger NOMADS to automatically calculate the tab width by using the folder width and the number of tabs.

When the Tab Position selected is Left Sidebar or Right Sidebar, a tab width must be entered, as NOMADS will not automatically calculate it if left blank. Format mask: ###.

Colors

Click the dotted Query button or double click inside the cell to access Color Selections. Valid formats for color selections include predefined system colors (e.g. Light Red), Custom (RGB codes), HTML Hex Color Codes, User Defined colors (e.g. Color17) and string Expressions.

After a color property is set, a tick in the selected color displays in the top left corner. A floating tip with a sample of the selected color displays when hovering the mouse over the color setting.

(The color tick and color tip were added in PxPlus 2018.)
(The Color Selections Query button and dialog were added in PxPlus 2020.)

Background

Background color of the control in its default state.

Foreground

Foreground text color of the control in its default state.

Colors (States)

Click the dotted Query button or double click inside the cell to access Color Selections. Valid formats for color selections include predefined system colors (e.g. Light Red), Custom (RGB codes), HTML Hex Color Codes, User Defined colors (e.g. Color17) and string Expressions.

After a color property is set, a tick in the selected color displays in the top left corner. A floating tip with a sample of the selected color displays when hovering the mouse over the color setting.

(The Color (States) category for Folder controls was added in PxPlus 2022.)

Active Tab Color

(NOMADS Only)

Background color(s) of the folder tab when the folder is active. See Active Tab Color 2 below.

(Active Tab Color property was added to Themes Maintenance in PxPlus 2022.)

Active Tab Color 2

(NOMADS Only)

Used in conjunction with Active Tab Color to generate a two-color gradient fill on the folder tab when the folder is active. The gradient fill starts with the Active Tab Color at the top and flows to the Active Tab Color 2 at the bottom.

Active Tab Color must be specified; otherwise, Active Tab Color 2 will be ignored.

(Active Tab Color 2 property was added to Themes Maintenance in PxPlus 2022.)

Active Text Color

(NOMADS Only)

Foreground text color of the folder tab when the folder is active.

(Active Text Color property was added to Themes Maintenance in PxPlus 2022.)

Disable Tab Color

(NOMADS Only)

Background color(s) of the folder tab when the folder is disabled. See Disable Tab Color 2 below.

(Disable Tab Color property was added to Themes Maintenance in PxPlus 2022.)

Disable Tab Color 2

(NOMADS Only)

Used in conjunction with Disable Tab Color to generate a two-color gradient fill on the folder tab when the folder is disabled. The gradient fill starts with the Disable Tab Color at the top and flows to the Disable Tab Color 2 at the bottom.

Disable Tab Color must be specified; otherwise, Disable Tab Color 2 will be ignored.

(Disable Tab Color 2 property was added to Themes Maintenance in PxPlus 2022.)

Disable Text Color

(NOMADS Only)

Foreground text color of the folder tab when the folder is disabled.

(Disable Text Color property was added to Themes Maintenance in PxPlus 2022.)

Hover Tab Color

(NOMADS Only)

Background color(s) of the folder tab when the mouse is over the tab. See Hover Tab Color 2 below.

(Hover Tab Color property was added to Themes Maintenance in PxPlus 2022.)

Hover Tab Color 2

(NOMADS Only)

Used in conjunction with Hover Tab Color to generate a two-color gradient fill on the folder tab when the mouse is over the tab. The gradient fill starts with the Hover Tab Color at the top and flows to the Hover Tab Color 2 at the bottom.

Hover Tab Color must be specified; otherwise, Hover Tab Color 2 will be ignored.

(Hover Tab Color 2 property was added to Themes Maintenance in PxPlus 2022.)

Hover Text Color

(NOMADS Only)

Foreground text color of the folder tab when the folder is disabled.

(Hover Text Color property was added to Themes Maintenance in PxPlus 2022.)

Tab Color

(NOMADS Only)

Background color(s) of the folder tab when in its normal state. See Tab Color 2 below.

(Tab Color property was added to Themes Maintenance in PxPlus 2022.)

Tab Color 2

(NOMADS Only)

Used in conjunction with Tab Color to generate a two-color gradient fill on the folder tab when in its normal state. The gradient fill starts with the Tab Color at the top and flows to the Tab Color 2 at the bottom.

Tab Color must be specified; otherwise, Hover Tab Color 2 will be ignored.

(Tab Color 2 property was added to Themes Maintenance in PxPlus 2022.)

Font

Font

Click the dotted Query button or double click inside the cell to specify font properties and attributes such as Bold, Italics, Alignment (default: Left Justify), Word Wrap, etc.

Other

iNomads Class

Assign an iNomads class to the control. The iNomads class contains class attribute references used when defining the control in the HTML code generated in iNomads. An iNomads class reference must start with an alpha character (A-Z or a-z), followed by any combination of A-Z, a-z, 0-9, underscore or dash. Multiple references may be entered, separated by a space.

For a list of pre-defined classes, see iNomads Classes.

(iNomads Class property was added to Themes Maintenance in PxPlus 2020.)

Fonted_Text Properties

The following table lists the properties for Fonted_Text controls:

Property

Description

Colors

Click the dotted Query button or double click inside the cell to access Color Selections. Valid formats for color selections include predefined system colors (e.g. Light Red), Custom (RGB codes), HTML Hex Color Codes, User Defined colors (e.g. Color17) and string Expressions.

After a color property is set, a tick in the selected color displays in the top left corner. A floating tip with a sample of the selected color displays when hovering the mouse over the color setting.

(The color tick and color tip were added in PxPlus 2018.)
(The Color Selections Query button and dialog were added in PxPlus 2020.)

Background

Background color of the control in its default state.

Foreground

Foreground text color of the control in its default state.

Font

Font

Click the dotted Query button or double click inside the cell to specify font properties and attributes such as Bold, Italics, Alignment (default: Left Justify), Word Wrap, etc.

Other

iNomads Class

Assign an iNomads class to the control. The iNomads class contains class attribute references used when defining the control in the HTML code generated in iNomads. An iNomads class reference must start with an alpha character (A-Z or a-z), followed by any combination of A-Z, a-z, 0-9, underscore or dash. Multiple references may be entered, separated by a space.

For a list of pre-defined classes, see iNomads Classes.

(iNomads Class property was added to Themes Maintenance in PxPlus 2020.)

Frame Properties

The following table lists the properties for Frame controls:

Property

Description

Display

Frame Type

Determines beveling style (fixed value, string expression). Click the drop-down arrow for a list of selections: As is, 3D, Recessed, Raised, Text Mode.

Colors

Click the dotted Query button or double click inside the cell to access Color Selections. Valid formats for color selections include predefined system colors (e.g. Light Red), Custom (RGB codes), HTML Hex Color Codes, User Defined colors (e.g. Color17) and string Expressions.

After a color property is set, a tick in the selected color displays in the top left corner. A floating tip with a sample of the selected color displays when hovering the mouse over the color setting.

(The color tick and color tip were added in PxPlus 2018.)
(The Color Selections Query button and dialog were added in PxPlus 2020.)

Background

Background color of the control in its default state.

Foreground

Foreground text color of the control in its default state.

Font

Font

Click the dotted Query button or double click inside the cell to specify font properties and attributes such as Bold, Italics, etc.

Other

iNomads Class

Assign an iNomads class to the control. The iNomads class contains class attribute references used when defining the control in the HTML code generated in iNomads. An iNomads class reference must start with an alpha character (A-Z or a-z), followed by any combination of A-Z, a-z, 0-9, underscore or dash. Multiple references may be entered, separated by a space.

For a list of pre-defined classes, see iNomads Classes.

(iNomads Class property was added to Themes Maintenance in PxPlus 2020.)

Grid Properties

The following table lists the properties for Grid controls:

Property

Description

Attributes

Auto Track

Controls the automatic tracking of the contents of a grid relative to movement of the scrollbars (vertical/horizontal).

By default, when a scrollbar position is changed by dragging the "thumb", the grid will not follow the movement until the thumb is released. This reduces the screen re-draw overhead within the system but does not allow the user to view the data during the scroll operation. This property controls whether the grid is to be updated while the thumb is being moved -- in effect having the grid contents track the thumb position.

Click the drop-down arrow for a list of available selections:

Default

Default setting is No tracking.

No tracking

The grid will not track thumb movements.

Track vertical scrollbar

The grid will track thumb movements on the vertical scrollbar.

Track horizontal scrollbar

The grid will track thumb movements on the horizontal scrollbar.

Track both scrollbars

The grid will track thumb movements on both scrollbars.

(Auto Track property was added to Themes Maintenance in PxPlus 2018.)

Borderless

Control has no border or frame.

Enter Mode

Defines how the ENTER key will be processed for the grid. Click the drop-down arrow for a list of available selections:

Default

Default setting is Normal.

Normal (Edit)

Normal processing (edits cell).

Move right, exit last column

Move right across a grid by column, exit on last column.

Move right, wrap

Move right across a grid by column, wrap to first column of next row, exit on last column of last row.

Move down, hold at bottom

Move down by row, hold on last row.

Move down, return to top

Move down by row, return to column 1, hold on last row.

(Enter Mode property was added to Themes Maintenance in PxPlus 2018.)

Grid Auto Column Size

Controls the automatic adjustment of column sizes so that the total space occupied by the columns will fill the control width. Click the drop-down arrow for a list of available selections: As is, Off, On.

When this property is set to On, the system will adjust all columns in the control so that the sum of the column widths will completely fill the control width exclusive of any scrollbars that may be present. Once set, any resizing of the control will again re-apply the automatic columns sizing logic. When adjusting the column sizes, the system will compute the new size based on percentages.

Example:

A grid has three columns: Column 1 is 40 pixels wide, Column 2 is 10 pixels wide, and column 3 is 50 pixels wide. If this grid had Auto Column Size enabled, it would determine that column 1 was 40% of the total column width, column 2 was 10%, and column 3 was 50%. These columns would each be adjusted based on the total width of the control to retain the same percentages. Therefore, if the grid itself was 150 pixels wide, column 1 would become 150*40%=60 pixels, column 2 would become 150*10%=15 pixels, and column 3 would become 150*50%=75 pixels.

(Grid Auto Column Size property was added to Themes Maintenance in PxPlus 2018.)

Grid Hide Buttons

Hides query buttons or drop box icons associated with grid cells if there is a bitmap (thus, the bitmap is all that shows on a transparent background).

(Grid Hide Buttons property was added to Themes Maintenance in PxPlus 2020.)

Grid lines

Controls the display of lines for the grid. Click the drop-down arrow for a list of available selections:

Default

Default setting is Full grid.

No lines

No horizontal and vertical lines.

Full grid

Both horizontal and vertical lines.

Vertical lines

Vertical lines only, no horizontal lines.

Horizontal lines

Horizontal lines only, no vertical lines.

(Grid lines property was added to Themes Maintenance in PxPlus 2018.)

Header Height

Controls the height of the grid header in pixels.

Setting this property to -1 restores the height to its default size. Setting this property to 0 results in no header.

(Header Height property was added to Themes Maintenance in PxPlus 2020.)

Row Height

Height of current row in lines. Default is 1.0.

(Row Height property was added to Themes Maintenance in PxPlus 2020.)

Suppress Header

Suppress grid headers. Possible values are:

0

Headers not suppressed.

1

Row header suppressed (left side).

2

Column header suppressed (top).

3

Both headers suppressed.

Suppression is done by setting the header height/width to 0. When not suppressed, the height/width will return to the last value.

(Suppress Header property was added to Themes Maintenance in PxPlus 2021.)

Tab Mode

Defines how the TAB key will be processed with the grid control. Click the drop-down arrow for a list of available selections:

Default

Default setting is Normal (Exit).

Normal (Exit)

Normal processing (exits grid).

Move right, exit last column

Move right across a grid by column, exit on last column.

Move right, wrap

Move right across a grid by column, wrap to first column.

Move down, hold at bottom

Move down by row, hold on last row.

Move down, return to top

Move down by row, return to column 1, hold on last row.

(Tab Mode property was added to Themes Maintenance in PxPlus 2018.)

Colors

Click the dotted Query button or double click inside the cell to access Color Selections. Valid formats for color selections include predefined system colors (e.g. Light Red), Custom (RGB codes), HTML Hex Color Codes, User Defined colors (e.g. Color17) and string Expressions.

After a color property is set, a tick in the selected color displays in the top left corner. A floating tip with a sample of the selected color displays when hovering the mouse over the color setting.

(The color tick and color tip were added in PxPlus 2018.)
(The Color Selections Query button and dialog were added in PxPlus 2020.)

Background

Background color of the control in its default state.

Button Color

Background color for system-generated buttons in a grid, including Drop Box buttons and Query buttons. For information on valid color names and color specifications, see Color Properties.

This property will also be applied to cells with the 'Lock property set to 1 only when creating a "Button" cell type, providing that the BackColor$ property has not been set specifically for that cell.

(Button Color property was added to Themes Maintenance in PxPlus 2021.)

Current Cell Color

Background color for the current cell.

(Current Cell Color property was added to Themes Maintenance in PxPlus 2018.)

Fill Color

Defines the color to be used to fill in the empty regions of a grid (blank space to the right and below the grid).

Foreground

Foreground text color of the control in its default state.

Grid Hilight Color 1

Background color - alternating rows.

(Grid Hilight Color 1 property was added to Themes Maintenance in PxPlus 2018.)

Grid Hilight Color 2

Background color - alternating three rows.

(Grid Hilight Color 2 property was added to Themes Maintenance in PxPlus 2018.)

Header Background Color

Background color for the top row only (row -1) and does not affect the leading left column (colno -1).

(Header Background Color property was added to Themes Maintenance in PxPlus 2018.)

Header Text Color

Color of the text for the top row only (row -1) and does not affect the leading left column (colno -1).

(Header Text Color property was added to Themes Maintenance in PxPlus 2018.)

Line Color

Color of the lines drawn between rows and columns.

(Line Color property was added to Themes Maintenance in PxPlus 2020.)

Track Color

Header cells corresponding to a cell that currently has focus are switched to the color set by this property as the user moves around the grid. This provides a visual cue to the user for which column and row they are on currently. Only header cells that use their default color will change to the tracking color.

(Track Color property was added to Themes Maintenance in PxPlus 2018.)

Font

Font

Click the dotted Query button or double click inside the cell to specify font properties and attributes such as Bold, Italics, etc.

Header Font

Defines the font for the top row only (row -1) and does not affect the leading left column (colno -1).

(Header Font property was added to Themes Maintenance in PxPlus 2018.)

Other

iNomads Class

Assign an iNomads class to the control. The iNomads class contains class attribute references used when defining the control in the HTML code generated in iNomads. An iNomads class reference must start with an alpha character (A-Z or a-z), followed by any combination of A-Z, a-z, 0-9, underscore or dash. Multiple references may be entered, separated by a space.

For a list of pre-defined classes, see iNomads Classes.

(iNomads Class property was added to Themes Maintenance in PxPlus 2020.)

List_Box Properties

The following table lists the properties for List_Box controls:

Note:
See
Query Colors for information on applying color settings and Themes to a query display.

 

Property

Description

Attributes

Borderless

Control has no border or frame.

Disable Sorting

Clicking on the column heading does not cause list box elements to be sorted. The column headings will not have the 3D button look but will appear flat. Column resizing is still allowed.

(Disable Sorting property was added to Themes Maintenance in PxPlus 2018.)

Attributes (ReportView)

Auto Column Size

When selected, columns will automatically be proportionally resized when the list box is resized. Default is Off.

(Auto Column Size property was added to Themes Maintenance in PxPlus 2018.)

Center Text Vertically

When selected, text will be centered vertically in the list box row only when Lines Per Row is > 1. Text that exceeds the column width is truncated and an ellipsis (…) is displayed.

When this check box is not selected (Default), text is aligned to the top of the list box row, and text that exceeds the column width is word wrapped.

(Center Text Vertically property was added to Themes Maintenance in PxPlus 2019.)

Column Size Lock

When selected, the report view column headers cannot be resized by dragging. Default is Off.

(Column Size Lock property was added to Themes Maintenance in PxPlus 2018.)

Grid lines

Controls the display of grid lines between the rows and columns. Options are No lines (Default), Full grid, Vertical lines, Horizontal lines.

(Grid lines property was added to Themes Maintenance in PxPlus 2018.)

Header Height

Controls the height of the header in report view lists in pixels.

Setting this property to -1 restores the height to its default size. Setting this property to 0 results in no header.

(Header Height property was added to Themes Maintenance in PxPlus 2020.)

Header Lock

Locks the column headers so that the user is unable to click on them or drag them. Default is Off.

(Header Lock property was added to Themes Maintenance in PxPlus 2018.)

Lines Per Row

Number of lines high per row. Valid values are >= 1. Allows for word-wrap. Default is 1.0. (Each row in the list box is one line high.)

(Lines Per Row property was added to Themes Maintenance in PxPlus 2018.)

Sort Options

Controls how column data is sorted. Drop box selections are:

Default

Null values at end

None (Raw binary sort)

Ignore case/Nulls last

Ignore case

Ignore accents/Nulls last

Ignore accents

Ignore case & accents/Nulls last

Ignore case & accents

 

The Default setting will use the system StdSortOrder setting. See the 'OPTION' mnemonic or the 'SortOrder$ property in the PxPlus Language Reference.

(Sort Options property was added to Themes Maintenance in PxPlus 2018.)

Colors

Click the dotted Query button or double click inside the cell to access Color Selections. Valid formats for color selections include predefined system colors (e.g. Light Red), Custom (RGB codes), HTML Hex Color Codes, User Defined colors (e.g. Color17) and string Expressions.

After a color property is set, a tick in the selected color displays in the top left corner. A floating tip with a sample of the selected color displays when hovering the mouse over the color setting.

(The color tick and color tip were added in PxPlus 2018.)
(The Color Selections Query button and dialog were added in PxPlus 2020.)

Background

Background color of the control in its default state.

Foreground

Foreground text color of the control in its default state.

Header Background Color

Sets the background color for the list view header.

(Header Background Color was added to Themes Maintenance in PxPlus 2016.)

Header Text Color

Sets the color of the text for the list view header.

Header Text Color property was added to Themes Maintenance in PxPlus 2016.)

Hilight Color 1

Background color - alternating lines.

(Hilight Color 1 property was added to Themes Maintenance in PxPlus 2016.)

Hilight Color 2

Background color - alternating three lines.

(Hilight Color 2 property was added to Themes Maintenance in PxPlus 2016.)

Hotlink Color

Color applied to the text of a column defined as a hotlink to provide a visual cue. For information on defining a hotlink column, see Hotlink.

(Hotlink Color property was added to Themes Maintenance in PxPlus 2018.)

Line Color

(Applicable to Report View and Tree View Only)

Color of the lines drawn between rows and columns of a report view list box or between entries of a tree view list box.

(Line Color property was added to Themes Maintenance in PxPlus 2020.)

Colors (States)

Disable Background Color

Background color when the control is disabled.

(Disable Background Color property was added to Themes Maintenance in PxPlus 2022.)

Disable Text Color

Foreground text color when the control is disabled. Not supported for list view.

(Disable Text Color property was added to Themes Maintenance in PxPlus 2022.)

Focus Background Color

Background color when the control has focus.

(Focus Background Color property was added to Themes Maintenance in PxPlus 2019.)

Focus Text Color

Text color when the control has focus.

(Focus Text Color property was added to Themes Maintenance in PxPlus 2019.)

Hover Background Color

(Applicable to Report View Only)

Background color when the mouse is over a list view row.

(Hover Background Color property was added to Themes Maintenance in PxPlus 2018.)

Font

Font

Click the dotted Query button or double click inside the cell to specify font properties and attributes such as Bold, Italics, etc.

Header Font

Defines the font for the list view header.

(Header Font property was added to Themes Maintenance in PxPlus 2016.)

Other

iNomads Class

Assign an iNomads class to the control. The iNomads class contains class attribute references used when defining the control in the HTML code generated in iNomads. An iNomads class reference must start with an alpha character (A-Z or a-z), followed by any combination of A-Z, a-z, 0-9, underscore or dash. Multiple references may be entered, separated by a space.

For a list of pre-defined classes, see iNomads Classes.

(iNomads Class property was added to Themes Maintenance in PxPlus 2020.)

Multi_Line Properties

The following table lists the properties for Multi_Line controls:

Property

Description

Attributes

Borderless

Control has no border or frame.

Center Text

Centers the input.

(Center Text property was added to Themes Maintenance in PxPlus 2018.)

Locked

User can set focus but cannot change the multi-line input region. Associated query button is disabled.

(Locked property was added to Themes Maintenance in PxPlus 2018.)

Right Justify

Text is right-aligned in the multi-line input field.

(Right Justify property was added to Themes Maintenance in PxPlus 2018.)

Transparent Background

Multi-line background and border are transparent; i.e. the window contents behind the multi-line show through.

(Transparent Background property was added to Themes Maintenance in PxPlus 2018.)

Uppercase

Converts text from lowercase to uppercase automatically.

(Uppercase property was added to Themes Maintenance in PxPlus 2018.)

Colors

Click the dotted Query button or double click inside the cell to access Color Selections. Valid formats for color selections include predefined system colors (e.g. Light Red), Custom (RGB codes), HTML Hex Color Codes, User Defined colors (e.g. Color17) and string Expressions.

After a color property is set, a tick in the selected color displays in the top left corner. A floating tip with a sample of the selected color displays when hovering the mouse over the color setting.

(The color tick and color tip were added in PxPlus 2018.)
(The Color Selections Query button and dialog were added in PxPlus 2020.)

Background

Background color of the control in its default state. When a multi-line control is disabled, it retains the background color that has been set instead of showing the standard disabled color.

Foreground

Foreground text color of the control in its default state.

Colors (States)

Disable Background Color

Background color when the control is disabled.

(Disable Background Color property was added to Themes Maintenance in PxPlus 2022.)

Disable Text Color

Foreground text color when the control is disabled.

(Disable Text Color property was added to Themes Maintenance in PxPlus 2022.)

Focus Background Color

Background color when the control has focus.

(Focus Background Color property was added to Themes Maintenance in PxPlus 2019.)

Focus Text Color

Text color when the control has focus.

(Focus Text Color property was added to Themes Maintenance in PxPlus 2019.)

Font

Font

Click the dotted Query button or double click inside the cell to specify font properties and attributes such as Bold, Italics, etc.

Query Button Display

Query Button Attributes

Click the dotted Query button or double click inside the cell to invoke the Query Button Attributes window to set attributes for the query button.

Options are:

Suppress Query Button

Suppresses the query button on the multi-line.

Flat Button

Button shows no raised outline unless the mouse is over the button or the button is pushed.

Flat – No Border

Button has no border and shows no raised outline when the mouse hovers or the button is pushed.

Embedded

Button is displayed within the multi-line, rather than shortening the multi-line and displaying the query button to its right.

Transparent

Button is "see-through" to the window contents behind the button area.

Bitmap Button

Button is a bitmap button.

Important Note:
The height of a multi-line control with an associated query must be set to 1; otherwise, NOMADS will not draw the query button.

(Query Button Attributes property was added to Themes Maintenance in PxPlus 2023.)

Query Button Bitmap

Click the dotted Query button or double click inside the cell to invoke the Query Button Bitmap window to define the bitmap for the query button (Fixed or string Expression). Click the Bitmap Library button to select a bitmap from the Bitmaps dialog.

(Query Button Bitmap property was added to Themes Maintenance in PxPlus 2023.)

Query Button Width (columns)

Enter the width of the query button (in number of columns).

(Query Button Width property was added to Themes Maintenance in PxPlus 2023.)

Other

iNomads Class

Assign an iNomads class to the control. The iNomads class contains class attribute references used when defining the control in the HTML code generated in iNomads. An iNomads class reference must start with an alpha character (A-Z or a-z), followed by any combination of A-Z, a-z, 0-9, underscore or dash. Multiple references may be entered, separated by a space.

For a list of pre-defined classes, see iNomads Classes.

(iNomads Class property was added to Themes Maintenance in PxPlus 2020.)

VarDrop_Box Properties

The following table lists the properties for VarDrop_Box controls:

Property

Description

Attributes

Borderless

Control has no border or frame.

Colors

Click the dotted Query button or double click inside the cell to access Color Selections. Valid formats for color selections include predefined system colors (e.g. Light Red), Custom (RGB codes), HTML Hex Color Codes, User Defined colors (e.g. Color17) and string Expressions.

After a color property is set, a tick in the selected color displays in the top left corner. A floating tip with a sample of the selected color displays when hovering the mouse over the color setting.

(The color tick and color tip were added in PxPlus 2018.)
(The Color Selections Query button and dialog were added in PxPlus 2020.)

Background

Background color of the control in its default state.

Foreground

Foreground text color of the control in its default state.

Colors (States)

Disable Background Color

Background color when the control is disabled.

(Disable Background Color property was added to Themes Maintenance in PxPlus 2022.)

Disable Text Color

Not supported for variable drop box.

Focus Background Color

Background color when the control has focus.

(Focus Background Color property was added to Themes Maintenance in PxPlus 2019.)

Focus Text Color

Text color when the control has focus.

(Focus Text Color property was added to Themes Maintenance in PxPlus 2019.)

Font

Font

Click the dotted Query button or double click inside the cell to specify font properties and attributes such as Bold, Italics, etc.

Other

iNomads Class

Assign an iNomads class to the control. The iNomads class contains class attribute references used when defining the control in the HTML code generated in iNomads. An iNomads class reference must start with an alpha character (A-Z or a-z), followed by any combination of A-Z, a-z, 0-9, underscore or dash. Multiple references may be entered, separated by a space.

For a list of pre-defined classes, see iNomads Classes.

(iNomads Class property was added to Themes Maintenance in PxPlus 2020.)

VarList_Box Properties

The following table lists the properties for VarList_Box controls:

Property

Description

Attributes

Borderless

Control has no border or frame.

Colors

Click the dotted Query button or double click inside the cell to access Color Selections. Valid formats for color selections include predefined system colors (e.g. Light Red), Custom (RGB codes), HTML Hex Color Codes, User Defined colors (e.g. Color17) and string Expressions.

After a color property is set, a tick in the selected color displays in the top left corner. A floating tip with a sample of the selected color displays when hovering the mouse over the color setting.

(The color tick and color tip were added in PxPlus 2018.)
(The Color Selections Query button and dialog were added in PxPlus 2020.)

Background

Background color of the control in its default state.

Foreground

Foreground text color of the control in its default state.

Colors (States)

Disable Background Color

Background color when the control is disabled.

(Disable Background Color property was added to Themes Maintenance in PxPlus 2022.)

Disable Text Color

Not supported for variable list box.

Focus Background Color

Background color when the control has focus.

(Focus Background Color property was added to Themes Maintenance in PxPlus 2019.)

Focus Text Color

Text color when the control has focus.

(Focus Text Color property was added to Themes Maintenance in PxPlus 2019.)

Font

Font

Click the dotted Query button or double click inside the cell to specify font properties and attributes such as Bold, Italics, etc.

Other

iNomads Class

Assign an iNomads class to the control. The iNomads class contains class attribute references used when defining the control in the HTML code generated in iNomads. An iNomads class reference must start with an alpha character (A-Z or a-z), followed by any combination of A-Z, a-z, 0-9, underscore or dash. Multiple references may be entered, separated by a space.

For a list of pre-defined classes, see iNomads Classes.

(iNomads Class property was added to Themes Maintenance in PxPlus 2020.)