Number Component Nexus Component Styling

Number Component Classic Styling

Number Component

The Number component inserts a number input field on the canvas.

The Number component is supported in the Input view and is found in the Data Entry section of the Components tray.

Number Component

See Add Board Components for details about adding components to a view.

Settings

The following settings are available.

Number settings

Field

Description

Procedure

Label

A unique identifier that briefly describes the component in the user interface.

Enter between 2 - 50 alphanumeric characters, excluding special characters.

DB Field Name

A unique identifier that briefly describes the component in the database table. The text in this field becomes the database field name.

Enter between 2 - 50 alphanumeric characters, excluding special characters.

Export Label The label applied to this field when data from the board is exported.   Enter between 2 - 50 alphanumeric characters, excluding special characters.

Style

The following style options are available.

Number style options

Field

Description

Procedure

Default Text

Text that displays in the field when it is dropped on to the canvas.

Enter between 2 - 50 alphanumeric characters, excluding special characters.

Field Type

A format type for the number entered in this field.

Select from the options:

  •  Whole Number: Sets the number format to an integer, which is a whole number, not a fraction.

  • Decimal Number: Sets the number to a decimal format.

  • Currency: Sets the number format to currency.

You should not change the field type from money to integer if the board has been published and is in use, as data loss can occur.

Step

Sets the number field to display a step number.

Enter the number.

Max Value

Sets the maximum number a user can enter in the field.

Enter the number.

Min Value

Sets the minimum number a user can enter in the field.

Enter the number.

Help Text

The tooltip that appears when the pointer is over the field.

Enter between 2 - 50 alphanumeric characters, excluding special characters.

Required Adds a red asterisk to the end of the label indicating that the field is mandatory.   Turn the toggle to on to indicate the field is required.

Placeholder

The text that displays in this field when it is dropped onto the canvas.

Enter between 2 - 50 alphanumeric characters, excluding special characters.

Conditional

The following Conditional settings are available.

Conditional settings

Field

Description

Procedure

Conditional Settings

The component only appears when certain conditions in relation to another component are met.

See Add a Conditional Component.

Actions Toolbar

The following actions are available when you select any component on the canvas in the Board Workspace when working with Nexus Component Styling.

Actions descriptions
Icon Name Description Procedure
Settings Icon

Settings

Opens the Properties tab next to the Components Tray.

You can modify the component’s settings, such as label, database field name, help text, style, and conditional settings.

  1. In Design mode, click the component on the canvas. A toolbar appears on the top right.

  2. Click the Settings icon. The Properties tab displays on the right next to the Components tray.

  3. Update the settings as needed.

    Changes display in real time.

Move Icon

Move

 

This icon is not used.

To move the component, click and drag it to its new location.

Copy Icon

Clone

Copies the current component and its settings, then pastes it after the current component.

  1. In Design mode, click the component on the canvas. A toolbar appears on the top right.

  2. Click the Clone icon. The Properties tab displays on the right next to the Components tray.

  3. Edit the settings for the cloned component.

    Changes display in real time.

Delete Icon

Delete

Deletes the selected component.

  1. In Design mode, click the component on the canvas. A toolbar appears on the top right.

  2. Click the Delete icon.