Generic App Properties
NIM Apps · Shared properties
Use these shared properties to control how compatible App items appear, process values, fit within a form, and validate input.
These properties are available where the selected item supports them. For settings unique to a Button, Card, Checkbox, Grid, or other item, see Item-Specific App Properties.
AppearanceDirect link to Appearance
| Property | Description |
|---|---|
| Disabled / Hide / Hide Row | Use a value or JavaScript evaluation that returns true to disable an item, hide an item, or hide its row. |
| Label mode | Shows no label, a label above or below the item, or a floating label inside it. A floating label acts as a placeholder until the user enters or selects a value. |
| Label text | Sets the text shown for the item label. |
| Label margin/padding TRBL | Sets label spacing with a four-digit top, right, bottom, left value from 0000 through 5555. |
| Label color, font size, font weight, alignment | Controls the label's visual treatment. Font size accepts CSS units; weight is light, normal, semibold, or bold. |
Use the JavaScript editor when a property accepts an evaluation. Variables can be inserted from the variable list.
Data processingDirect link to Data processing
| Property | Description |
|---|---|
| ID | Identifies the item in post-processing, including event notifications. |
| Variable name | Gives the item a name that other App processes can use. |
| Variable name (input) | Inserts another variable's result into the item. For example, a selected grid value can pre-populate a related dropdown while leaving it visible and editable. |
RenderingDirect link to Rendering
| Property | Description |
|---|---|
| Alignment | Positions an item at the left or right of its column. |
| Cell margin/padding TRBL | Sets spacing around the item cell with a four-digit top, right, bottom, left value from 0000 through 5555. |
| Cell styles / Styles / Row styles | Opens CSS editors for the cell, item, or entire row. |
| Column width | Sets item width on a 1–12 grid scale. |
| Fit column | Stretches the item over the full width of its column. |
| Flexible row alignment | Arranges items at the Start, End, Center, Between, Around, or Evenly across their row. |
| Margin/padding TRBL | Sets item spacing with a four-digit top, right, bottom, left value from 0000 through 5555. |
| Shadow | Applies no shadow, or a small, regular, or large shadow. |
| Inline / vertical alignment | Makes an item inline and aligns it at the top, center, or bottom of its cell. |
| Title properties | Controls title text, CSS styles, padding, and maximum width. Title columns uses a 1–12 scale and cannot make a title wider than its item. |
| Label padding/margin TRBL | Sets label spacing within the item's rendering area. |
Flexible row alignment examples:
| Start | End | Center |
|---|---|---|
| Between | Around | Evenly |
|---|---|---|
ValidationDirect link to Validation
| Property | Description |
|---|---|
| JavaScript | Uses JavaScript to determine whether the item's value is valid. |
| Required | Makes the form invalid when the item does not return a value. Combine it with a Button's Disabled if form invalid property to prevent submission. |
| Validation message | Sets the text shown below an invalid item. |
| Validation styles | Opens a CSS editor for the validation message. |