# Themes and Visual Classes

Shape-Rectangle Properties |

This table lists all the Shape-Rectangle properties:

Property | Description
Display
Fill Pattern | Select the direction of the gradient fill or pattern. Click the drop-down arrow for available selections: No Fill Solid Fill Top to bottom Left to right Crossed line Top-left to bottom-right Bottom-left to top-right Diagonal crossed lines
Fill color 1 | (Available when Fill Pattern is not set to No Fill) Starting color for the shape. Fill colors are enabled based on the Fill Pattern selected. Click the Query button 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.
Fill color 2 | (Available when Fill Pattern is not set to No Fill) Second color for the two-color gradient or fill pattern. Fill colors are enabled based on the Fill Pattern selected. Click the Query button 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.
Pen Style | Select the pen style. Click the drop-down arrow for available selections: No Pen Solid Line Dashed Dotted Dash-dot Dash-dot-dot #### Note: The styles Dashed, Dotted, Dash-dot and Dash-dot-dot work only when the Pen Width is 1.
Pen Width | (Available when Pen Style is not set to No Pen) Pen width in graphical units. Valid entries are from 0 to 255 inclusive.
Pen color | (Available when Pen Style is not set to No Pen) Set the pen color. Click the Query button 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.
Rounded Corner Radius | Radius value for rounded corners. Valid entries are 0 to 255. (Rounded Corner Radius property was added in PxPlus 2026.)
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.

(The Shape-Rectangle properties were added in PxPlus 2024.)

## See Also

Themes
Visual Classes