Skip to main content

Item-Specific App Properties

NIM Apps · Item reference

Select a form item in the App designer to configure the properties specific to that item type.

All form items can also expose shared settings. See Generic App Properties for shared appearance, data processing, rendering, and validation settings.

Button
PropertyDescription
Button sizeDisplays a small, medium, or large button.
Button styleSelects a preset style from App Settings.
Button textSets the text shown on the button.
Cancel buttonMakes the button the form's default cancel action; pressing Esc runs its actions.
Default buttonMakes the button the form's default action; pressing Enter runs its actions.
Fit columnStretches the button to the full column width.
Icon left/rightAdds an icon before or after the button text.
Progress messageControls whether a progress message appears, plus its title, contents, and delay in milliseconds. Contents can use the JavaScript editor and variables.
Solid backgroundEnables a solid button background.
Disabled if form invalidPrevents click, Enter, and Esc actions while required form validation is invalid.
Card

Cards are intended for Reports. Configure Report Categories before using category-based card colors.

PropertyDescription
Number categoriesUses a Report Category and its assigned chart color.
Numeric variableUses a variable value when no number category is selected.
Color background/borderSelects preset background and border colors from App Settings.
Line 1–4 textSets the text for each card line; double-click to use the JavaScript editor.
Line 1–4 color/enabled/headingControls color, visibility, and heading size from H1 through H6 for each line.
Line 1–4 evaluation/exampleEvaluates line text with JavaScript and supplies fallback text until a variable has a value.
Text layoutDisplays enabled lines as Stacked rows or Columns.
Checkboxes
PropertyDescription
Boolean variablesGenerates an output variable for every checkbox instead of only the selected value.
Boolean variables prefixAdds a prefix to each generated checkbox variable, such as cb_1.
Table basedUses a filter, auditing query, or lookup-table result instead of static values.
Table display/value columnChooses the displayed column and the value written by the App when Table based is enabled.
ValuesSupplies static comma-separated values when Table based is disabled.
Button styles/label stylesOpens CSS editors for checkbox buttons and labels.
Checkbox margin/padding TRBLSets top, right, bottom, and left spacing with a four-digit value from 0000 through 5555.
Column countSets the number of columns used to arrange the checkboxes.
Group/group button colorPresents checkboxes as a Bootstrap button group and controls its color.
Chart
PropertyDescription
Data seriesConfigures the data shown by the chart.
CardAdds a card-style border around the chart.
Chart typeSelects bar, doughnut, line, or pie.
HeightSets chart height with CSS units such as px, em, or rem.
Legend show/positionShows or hides the legend and places it at the top, bottom, left, or right.
Segment border color/opacityConfigures the line between chart segments. Opacity ranges from 0 to 1; the default is 0.6.
Dashboard navigation & search
ItemPropertyDescription
Dashboard NavigationTarget DashboardThe ID of the target dashboard; available only in a dashboard-style App.
Dashboard SearchTarget DashboardThe ID of the target dashboard; available only in a dashboard-style App.
Date & empty column
ItemPropertyDescription
Date—Uses the shared generic properties.
Empty ColumnHeightSets the column height with CSS units such as px, em, or rem.
Dropdown
PropertyDescription
Multiple selectLets users select multiple options and stores the result as an array.
Table basedUses a filter, auditing query, or lookup-table result instead of static values.
Table display/value columnChooses the displayed column and the value written by the App when Table based is enabled.
ValuesSupplies static comma-separated values when Table based is disabled.
Grid
PropertyDescription
DND GridEnables drag-and-drop movement between selected drag-and-drop grids.
Key columnDefines the key column for each grid row.
SelectionAllows a single selected row or multiple selected rows; multiple selections produce arrays.
Border radius elements/gridSets CSS border radius for grid elements or the outer grid.
Border size bottom/topSets the spacing between column headers and the border below them.
Data-heavy themeReduces row and column spacing to show more data without scrolling.
Font/header color & weightSets grid and header text colors, plus header weight from light through bold.
HeightSets grid height with CSS units such as px, em, rem, or vh.
Link stylesOpens a CSS editor for items configured as table-view navigation links.
Padding inside TRBLSets spacing between the outer grid border and its content.
Search enable/columns/padding TRBLShows the search bar and controls its width and spacing. Width uses a 1–12 grid scale.
SpacingSets spacing between and around grid elements.
Title enable/text/columns/stylesShows a title and controls its text, maximum width, and CSS styling.
Grid control & grid search
ItemPropertyDescription
Grid ControlTarget GridThe ID of the grid it controls.
Grid ControlLink stylesCSS editor for grid navigation links.
Grid SearchTarget GridThe ID of the grid it searches.
Grid SearchRounded lookRounds the search bar corners.
Icon & image
ItemPropertyDescription
IconSizeSelects an icon size from XXS through X9L.
IconIconSelects an icon from the preset list.
IconSettingsConfigures primary and secondary colors, opacity, icon type, and background shape.
ImageImageSelects an image; use Add to import an image.
Input text
PropertyDescription
Auto completeShows the first 20 results from a table.
NumberRestricts input to numbers and permitted symbols: ., +, and -.
AC delay/display/list columnsControls the autocomplete delay, displayed columns through JavaScript, and whether the full referenced table is shown.
Multiline/line countTurns the input into a multi-line field and sets the number of visible lines. Multiline overrides autocomplete.
Password/password visible toggleMasks input and can provide an icon to show or hide it.
PlaceholderShows text before a user enters a value.
Email, max/min length, patternValidates email format, length limits, or a regular expression.
Name-value list
PropertyDescription
ItemsConfigures each name, value type, and value. Value type can be text or JavaScript.
BorderAdds a border around the list.
Item name/value columnsSets widths on a 1–12 scale. The combined widths cannot exceed 12.
Item name/value font settingsSets font size, weight, italic, and underline for names and values.
Panel
PropertyDescription
AppsDisplays all Apps in the panel and supports another dashboard-style App.
Icon settingsAvailable when Apps is enabled; applies icon settings to every App displayed in the panel.
Progress bar
PropertyDescription
Display textUses the JavaScript editor to show workflow progress text.
Type evaluated/fixedSets the style through JavaScript or a fixed success, info, warning, or danger color.
Value/value maximumSets current progress against the completion maximum. For example, use 5 for a five-form workflow.
Separator
PropertyDescription
Line heightSets the distance between the row border and separator line.
Margin top/bottom/left/rightSets separator spacing with CSS units. Left and right margins shorten the line.
Static text
PropertyDescription
Color settings defaultUses the App's default text color.
Display headingSelects heading size from H1 through H6.
Font sizeSets font size with CSS units such as px, em, or rem.
Text/text evaluationSets static fallback text or uses the JavaScript editor to evaluate variables and render a result.
Text colorSelects a preset or custom color when Color settings default is disabled.