Form Components

Form components are typically associated with an attribute or field from the data source, except for the Label component, which is not data-bound.

The following sections describe:

  • the types of components available in JMap Cloud Portal,

  • the parameters specific to each component type,

  • and the various features for managing components within a form.

Component Types

JMap Cloud Portal offers a variety of component types to meet different functional and visual requirements within forms.

Label

Static text to be displayed as is in the form.

Text

Input field for an alphanumeric value. The associated attribute or field must be of type Text or Number.

Number

Input field for a numeric value. The associated attribute or field must be of type Number.

Boolean

Allows you to fill in the attribute or associated field for which there are only 2 possible values, true and false.

Date

Allows you to select a date. The attribute or field must be of type Date.

List

List of values ​​from which, depending on the configured setting, only one value (single choice) or multiple values ​​(multiple choice) can be selected. The associated attribute or field must be alphanumeric or numeric and have a finite number of values.

Component Parameters

Each component type includes specific parameters that control its behavior and appearance (e.g., default text, formatting, style, constraints, etc.).

Attribute

Select the layer attribute or table field that the component is associated with. This is the attribute or field that the form component will populate.

Title

Give the attribute or field a title.

Default value

Enter or select a default value to initialize the input field.

Choice

List component. Select the list type: single choice or multiple choice.

Display

Select the display type for the component in the form. Text: Single line or Multiple line. List: Radio button or Selection. Boolean: Checkbox or Switch. Number: Input field or Slider.

Value domain

List component. This section allows you to view the attribute's value domain. If you want to edit the values, click Show value domain to open the data source attributes tab interface. You can then edit the values. If the attribute does not have a value domain, the Create value domain button appears, and when you click it, the data source attributes tab interface appears, allowing you to create the value domain.

Minimum

Component Number. Enter the minimum value for the attribute.

Maximum

Component Number. Enter the maximum value for the attribute.

Checked value

Boolean component. Specify the value to save when the box is checked or the switch is ON.

Unchecked value

Boolean component. Specify the value to save when the box is unchecked or the switch is OUT.

Status - Required

Determines whether the field is required. The user will not be able to submit the form until all required fields are completed. Required fields are marked with an asterisk (*) in the form designer.

Status - Read only

Enable this option to make the component read-only. The user will not be able to edit the content. This option should be used for a component with a default value.

Working with Components

Adding a Component

To add a component to a form, drag it from the palette and drop it into the Design tab interface. Components can be placed within layout containers.

By default, components are stacked vertically within the form.

Configuring a Component

To configure a component already placed in the form, click on it in the Design tab. Its editable parameters will appear in the Properties section.

You can adjust the spatial arrangement of components using the layout tools described in the following section.

Deleting a Component

To delete a component, click on it in the Design tab, then click the delete icon .

Dernière mise à jour