|
Visual Classes |
|
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.
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). 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. To learn about creating and applying a Theme, see Themes and Theme Assignment.
Since Visual Classes apply to specific controls, they override Theme settings. Visual Classes are particularly useful in cases where unique settings are required (i.e. that do not conform to the applied Theme).
Example:
You can define a Visual Class to set the Hover Background Color property to "Light Yellow" and apply it only to buttons with text on Panel_A. As a result, hovering over any button with text on Panel_A displays a "Light Yellow" background, while hovering over a bitmap button on the same panel does not.
For information on applying a Visual Class, see Applying a Visual Class 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.
The NOMADS Visual Classes Maintenance Utility is used to define the display properties for creating a Visual Class. Visual Classes created with this utility are stored in the providex.ccl 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 Visual Classes. |
|
Select Visual Class Maintenance from the Utilities menu. (Visual Class Maintenance was added to the Library Object Selection Utilities menu in PxPlus 2019.) | |
|
From the NOMADS Session Manager |
From the Options menu, select Visual Classes. |
To define a new Visual Class, enter a unique Visual Class Name and select the Control Type to which the Visual Class will be applied. Depending on the control type, the properties that may be defined in a Visual Class 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 Visual Classes window consists of the following:
|
Class Name |
Name of the Visual Class. Maximum 30 characters. Create a new Class Name to be associated with current values. To select an existing Visual Class 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. Class names are not case sensitive. This allows a different case to be used when typing the same Class name to refer to the same record (providing that the Control Type also matches). When an existing Visual Class is recalled, the name will be in the case that was entered when the Visual Class was first created. Example: Suppose that a Visual Class named "ButtonRed" exists for Button controls. Other case variations of this name can be entered to refer to the same Visual Class; e.g. "BUTTONRED", "buttonred" or "BUTTONred". (Support for case insensitive Class Name was added in PxPlus 2020.) |
|
Copy Visual Class |
(Available when an existing Visual Class is selected) Button used to create a new Visual Class by copying the settings from an existing Visual Class. Once it is created, the new Visual Class must be saved, as the Copy process does not do this. (The Copy Visual Class button was added in PxPlus 2020.) |
|
Optional theme with which this class definition is associated. By specifying a Theme, you can have a different definition for a particular Visual Class for each Theme. See Themes and Theme Assignment. (Themes support was added in PxPlus 2016.) | |
|
Control Type |
Control type to be associated with this Class Name. 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, Tri-state_Box, VarDrop_Box, VarList_Box. The control type 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 Visual Class. |
|
Description |
Description of the Visual Class. |
|
Property |
A two-column table that lists a sub-set of the properties that would normally display in the design window for a given 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 Visual Classes 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 Visual Class that was created with the Visual Classes Maintenance Utility, see Applying a Visual Class to Your Application below.
Visual Classes can be applied to specific panel controls by using any of the methods below:
|
Location |
Method |
|
Assign a Visual Class from the library level by selecting Visual Class Assignment from the Utilities menu. See Visual Class Assignment. | |
|
From the NOMADS Panel Designer |
Assign a Visual Class from the panel level by selecting Visual Class Assignment from the Utilities menu. See Visual Class Assignment (Panel Level). |
|
From the NOMADS Panel Designer |
Assign a Visual Class to a specific control by accessing that control's properties window and selecting the Font/Color tab. |
|
This utility can be used to apply a Visual Class simultaneously to controls in multiple panels either in a single library or in multiple libraries within a specified directory. | |
|
Panel Bulk Edit Utility |
This utility can be used to apply a Visual Class simultaneously to more than one control in the current panel. |
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.) | |
|
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. |
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 to provide 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. |
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):
|
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. |
|
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: | |
|
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: |
|
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 Visual Classes 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 arrow, Sizing arrow, Hand, Crossed hand, Rabbit in hat, Happy face, Sad face, Up/down arrow, Left/right arrow and Not allowed. |
|
(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 Visual Classes 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.) | |
|
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: |
|
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. |
|
Active Background Color |
Background color(s) when the button is pressed down. See Active Background Color 2 below. Note: |
|
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: |
|
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: |
|
Disable Background Color |
Background color(s) when the button is disabled. See Disable Background Color 2 below. Note: |
|
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 2will 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: |
|
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: |
|
Focus Background Color |
Background color(s) when the button has focus. See Focus Background Color 2 below. Note: |
|
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: |
|
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: |
|
Hover Background Color |
Background color(s) when the mouse is over the button. See Hover Background Color 2 below. Note: |
|
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: |
|
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: |
|
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 Visual Classes Maintenance in PxPlus 2020.) |
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:
|
|
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 Visual Classes 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 Visual Classes 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 Visual Classes Maintenance in PxPlus 2019.) |
|
Shows 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 Visual Classes Maintenance in PxPlus 2019.) |
|
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.) | |
|
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 Visual Classes 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 Visual Classes Maintenance in PxPlus 2019.) |
|
(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 Visual Classes 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 Visual Classes 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 Visual Classes Maintenance in PxPlus 2020.) |
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.) | |
|
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 Visual Classes Maintenance in PxPlus 2022.) |
|
Disable Text Color |
Foreground text color when the control is disabled. (Disable Text Color property was added to Visual Classes Maintenance in PxPlus 2022.) |
|
Focus Background Color |
Background color when the control has focus. (Focus Background Color property was added to Visual Classes Maintenance in PxPlus 2019.) |
|
Focus Text Color |
Text color when the control has focus. (Focus Text Color property was added to Visual Classes 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 Visual Classes Maintenance in PxPlus 2020.) |
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: |
|
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 Visual Classes 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: |
|
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.) | |
|
Background |
Background color of the control in its default state. |
|
Foreground |
Foreground text color of the control in its default state. |
|
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 Visual Classes 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 Visual Classes 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 Visual Classes 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 Visual Classes 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 Visual Classes 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 Visual Classes 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 Visual Classes 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 Visual Classes 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 Visual Classes 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 Visual Classes 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 Visual Classes 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 Visual Classes Maintenance in PxPlus 2020.) |
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.) | |
|
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 Visual Classes Maintenance in PxPlus 2020.) |
The following table lists the properties for Frame controls:
|
Property |
Description |
|
Display | |
|
Frame Type |
Determines beveling style (Fixed value or 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.) | |
|
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 Visual Classes Maintenance in PxPlus 2020.) |
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:
(Auto Track property was added to Visual Classes 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:
(Enter Mode property was added to Visual Classes 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 Visual Classes 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 Visual Classes 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:
(Grid lines property was added to Visual Classes 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 Visual Classes Maintenance in PxPlus 2020.) | ||||||||||||
|
Row Height |
Height of current row in lines. Default is 1.0. (Row Height property was added to Visual Classes Maintenance in PxPlus 2020.) | ||||||||||||
|
Suppress Header |
Suppress grid headers. Possible values are:
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 Visual Classes 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:
(Tab Mode property was added to Visual Classes 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.) | |||||||||||||
|
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 Visual Classes Maintenance in PxPlus 2021.) | ||||||||||||
|
Current Cell Color |
Background color for the current cell. (Current Cell Color property was added to Visual Classes 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 Visual Classes Maintenance in PxPlus 2018.) | ||||||||||||
|
Grid Hilight Color 2 |
Background color - alternating three rows. (Grid Hilight Color 2 property was added to Visual Classes 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 Visual Classes 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 Visual Classes Maintenance in PxPlus 2018.) | ||||||||||||
|
Line Color |
Color of the lines drawn between rows and columns. (Line Color property was added to Visual Classes 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 Visual Classes 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 Visual Classes 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 Visual Classes Maintenance in PxPlus 2020.) | ||||||||||||
The following table lists the properties for List_Box controls:
|
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 Visual Classes 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 Visual Classes 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 Visual Classes 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 Visual Classes 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 Visual Classes 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 Visual Classes 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 Visual Classes Maintenance in PxPlus 2018.) | ||||||||||
|
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 Visual Classes Maintenance in PxPlus 2018.) | |||||||||||
|
Sort Options |
Controls how column data is sorted. Drop box selections are:
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 Visual Classes 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.) | |||||||||||
|
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 property was added to Visual Classes 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 Visual Classes Maintenance in PxPlus 2016.) | ||||||||||
|
Hilight Color 1 |
Background color - alternating lines. (Hilight Color 1 property was added to Visual Classes Maintenance in PxPlus 2016.) | ||||||||||
|
Hilight Color 2 |
Background color - alternating three lines. (Hilight Color 2 property was added to Visual Classes 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 Visual Classes 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 Visual Classes Maintenance in PxPlus 2020.) | ||||||||||
|
Colors (States) | |||||||||||
|
Disable Background Color |
Background color when the control is disabled. (Disable Background Color property was added to Visual Classes 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 Visual Classes Maintenance in PxPlus 2022.) | ||||||||||
|
Focus Background Color |
Background color when the control has focus. (Focus Background Color property was added to Visual Classes Maintenance in PxPlus 2019.) | ||||||||||
|
Focus Text Color |
Text color when the control has focus. (Focus Text Color property was added to Visual Classes 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 Visual Classes 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 Visual Classes 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 Visual Classes Maintenance in PxPlus 2020.) | ||||||||||
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 Visual Classes 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 Visual Classes Maintenance in PxPlus 2018.) | ||||||||||||
|
Right Justify |
Text is right-aligned in the multi-line input field. (Right Justify property was added to Visual Classes 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 Visual Classes Maintenance in PxPlus 2018.) | ||||||||||||
|
Uppercase |
Converts text from lowercase to uppercase automatically. (Uppercase property was added to Visual Classes 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.) | |||||||||||||
|
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 Visual Classes Maintenance in PxPlus 2022.) | ||||||||||||
|
Disable Text Color |
Foreground text color when the control is disabled. (Disable Text Color property was added to Visual Classes Maintenance in PxPlus 2022.) | ||||||||||||
|
Focus Background Color |
Background color when the control has focus. (Focus Background Color property was added to Visual Classes Maintenance in PxPlus 2019.) | ||||||||||||
|
Focus Text Color |
Text color when the control has focus. (Focus Text Color property was added to Visual Classes 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. | ||||||||||||
|
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:
Important Note:
| |||||||||||||
|
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 Visual Classes Maintenance in PxPlus 2023.) | |||||||||||||
|
Enter the width of the query button (in number of columns). (Query Button Width property was added to Visual Classes 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 Visual Classes Maintenance in PxPlus 2020.) | ||||||||||||
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.) | |
|
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 Visual Classes 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 Visual Classes Maintenance in PxPlus 2019.) |
|
Focus Text Color |
Text color when the control has focus. (Focus Text Color property was added to Visual Classes 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 Visual Classes Maintenance in PxPlus 2020.) |
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.) | |
|
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 Visual Classes 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 Visual Classes Maintenance in PxPlus 2019.) |
|
Focus Text Color |
Text color when the control has focus. (Focus Text Color property was added to Visual Classes 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 Visual Classes Maintenance in PxPlus 2020.) |
