Number Component

Number Component

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

The Number component is supported in the Input view.

Number Component

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

Settings

Number Input Settings Window

The following settings are available.

Number Input Settings fields
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.
Field Type A format type for the number entered in this field.

Select from the options:

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

  • Money: 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 The amount the number in the field increments when a user clicks the up or down arrow.

Enter a relevant number to change the value by when a user clicks the arrow.

For example, if the field holds values in the 1000s, enter 1000 to increase or decrease the value in the field easily.

Help Text

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

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

Required

Indicates that the component is a required field. The user sees an error message if the field is not completed.

Select the checkbox to enable the option.

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.

Actions descriptions
Icon Name Description Procedure
Settings Icon

Settings

Opens the Settings dialog.

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.

  3. Modify the fields as needed.

  4. Click Done.
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 component's Settings dialog opens.

  3. Edit the settings for the cloned component.

  4. Click Done.
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.