WHAT ARE THE DIFFERENT INPUTS THAT YOU CAN ADD IN A FORM ?

You have different kinds of inputs. Some parameters are common for all the inputs:

  • File Header : The column name in the result file
  • Form Label : The label of the input in the form
  • Prefix : A short hint placed before the input
  • Suffix : A short hint placed after the input
  • Input width : The width of the input, in pixels
  • Label width : The width of the label, in pixels
  • Is visible : Input is visible or not in the form
  • Read Only : Specifies that the input field is read-only
  • Required : Specifies that the input is a mandatory field
  • Reset Input: Auto reset input when you submit the form
  • Help : Section to add help contents
  • From API : The field is filled up by Braincube values

Table input and visualization

TableInput defines a table values field.

  • Definition of each column of the table : name (should be unique), width and input type
  • Height : The height of the container, in pixels
  • Input width : The width of the input, in pixels
  • Label width : The width of the label, in pixels
  • Nb Rows : the number of rows in the table

Adding column in the TableInput component :

PS : You can order your table with a Date/Time variable.

Screenshot%202021-09-23%20at%2015.14.23

Text input

TextInput defines a single line text field.

Number input

NumberInput defines a numeric input field.
The input number is not supported in Internet Explorer 9 and earlier versions.

  • Value : The initial value
  • Min :The minimum value
  • Max : The maximum value

Range input

RangeInput defines a field to enter a value within a range.

The input range is not supported in Internet Explorer 9 and earlier versions

  • Value : The initial value
  • Min : The lower limit of the range
  • Max : The upper limit of the range

Time input

TimeInput defines a time input field

  • Value : The initial value

Date Time input

DateTimeInput defines a date (and time) input field.

  • Date Format : Specifies the date (and time) format

Combo Box

This component displays a select list.

  • An array object of the options
  • Selected Values : The option selected by default

Text Area

This component displays a multiple lines text.

  • Resizable : Specifies that the input field is resizable

Check box Group

Checkbox defines a checkbox input field

  • An array object of the options

Radio Group

This component displays a group of input type radio.

  • An array object of the options
  • Value : The initial value

List box

ListBox used to select one or more items from a list. This component requires a minimum width to be displayed correctly.

  • An array object of the options

Separator

  • Label Width : The width of the separator label, in pixels
  • Line Width : The width of the separator lines, in pixels

Was this article helpful?

Powered by Zendesk