Number

  • Used to collect numerical data.

  • Uses a decimal separator and a thousands separator.

  • Allows configuring integer and decimal positions in the General tab de configuración.

  • Response structure: Numeric value.

    {
  "id": "146",
  "respuesta": 13000.99,
  "tipo": "importe",
  "fechaCreacion": "2024-01-12T21:43:57.045Z",
  "fechaModificacion": "2024-01-12T21:43:57.045Z"
}
    • Image



Text

  • A standard text input field.

  • Response structure: Text content.

    {
  "id": "146",
  "respuesta": "Margarita Pérez",
  "tipo": "texto",
  "fechaCreacion": "2024-01-12T21:43:57.045Z",
  "fechaModificacion": "2024-01-12T21:43:57.045Z"
}

  • Image



Long Text

  • Provides a larger text input area than the standard text field.

  • Allows the user to enter and edit text over multiple lines.

  • Response structure: Text content.

    {
  "id": "146",
  "respuesta": "Reason 1\Reason 2\Reason 3",
  "tipo": "texto-largo",
  "fechaCreacion": "2024-01-12T21:43:57.045Z",
  "fechaModificacion": "2024-01-12T21:43:57.045Z"
}

  • Image



Percentage

  • Allows the user to enter a numerical value representing a percentage.

  • Includes a percentage symbol.

  • Allows configuring decimal positions in the General tab.

  • Response structure: Number in text format.

    {
  "id": "146",
  "respuesta": "98.9",
  "tipo": "porcentaje",
  "fechaCreacion": "2024-01-12T21:43:57.045Z",
  "fechaModificacion": "2024-01-12T21:43:57.045Z"
}

  • Image



Boolean

  • Allows the user to select between two options: True or False.

  • Response structure: Boolean value.

    {
  "id": "146",
  "respuesta": true,
  "tipo": "boolean",
  "fechaCreacion": "2024-01-12T21:43:57.045Z",
  "fechaModificacion": "2024-01-12T21:43:57.045Z"
}

  • Image



Combo

  • Allows the user to select a single option from a list of available choices.

  • These options can be obtained in two ways: either from the Options tab for static options or from a database by creating a DataSource in the DataSource tab.

  • The list of options can include different elements from which the user can choose.

  • Response structure: Object with label and value properties.

    {
  "id": "146",
  "respuesta": {
    "label": "Primary",
    "value": "primary"
  },
  "tipo": "combo",
  "fechaCreacion": "2024-01-12T21:43:57.045Z",
  "fechaModificacion": "2024-01-12T21:43:57.045Z"
}

  • Image



Multiple Combo

  • Allows the user to select one or more options from a list of available choices.

  • Like the previous combo field, options can be retrieved in the same way.

  • The user can select multiple options as needed.

  • Response structure: Array of objects with label and value properties.

    {
  "id": "146",
  "respuesta": [
    {
      "label": "Banco del Pueblo",
      "value": "2"
    },
    {
      "label": "Banco Continental",
      "value": "6"
    }
  ],
  "tipo": "combo-multiple",
  "fechaCreacion": "2024-01-12T21:43:57.045Z",
  "fechaModificacion": "2024-01-12T21:43:57.045Z"
}

  • Image



Date

  • Allows the user to select a specific date using an interactive calendar.

  • The user can click on the field to open the calendar and select the desired date.

  • Response structure: Date in ISO 8601 format.

    {
  "id": "146",
  "respuesta": "1995-05-09T05:00:00.000Z",
  "tipo": "fecha",
  "fechaCreacion": "2024-01-12T21:43:57.045Z",
  "fechaModificacion": "2024-01-12T21:43:57.045Z"
}

  • Image



Grid

  • A component that represents a table.

  • The table’s data can come from predefined static data or dynamic data sources, such as datasources from the Grid tab.

  • The user can add new rows and delete existing ones, depending on the configuration.

  • Response structure: Array of responses, where each element is an array representing a grid row.

    {
  "id": "146",
  "respuesta": [
    ["Zoom", true],
    ["Teams", false]
  ],
  "tipo": "grilla",
  "fechaCreacion": "2024-01-12T21:43:57.045Z",
  "fechaModificacion": "2024-01-12T21:43:57.045Z"
}

  • Image



Prompt

  • It is a field that queries data using filters defined in its configuration and a datasource, from the Prompt tab.

  • It represents a selected value from the datasource query.

  • Response structure: Object with value and description properties.

    {
  "id": "146",
  "respuesta": {
    "value": 4,
    "description": [
      {
        "label": "id",
        "value": 4
      },
      {
        "label": "Nombre",
        "value": "Feria de Empleo"
      },
      {
        "label": "Es evento virtual",
        "value": "No"
      }
    ]
  },
  "tipo": "prompt",
  "fechaCreacion": "2024-01-12T21:43:57.045Z",
  "fechaModificacion": "2024-01-12T21:43:57.045Z"
}

  • Images

    • The Prompt field without a selected record looks like this:



    • When clicking the button, a modal opens containing the filters defined by the user in the Prompt tab.



    • Once the search is performed, the retrieved data appears as follows.



    • The field with a selected record looks like this:



File

  • It is a field that allows attaching files of different formats according to the configuration in the File tab.

  • It also sets the maximum number of files and the maximum allowed size.

  • Response structure: Object with uuid, name, type and size properties.

    {
  "id": "146",
  "respuesta": {
    "uuid": "bcdd960c-02ee-4f28-890b-19e2aa3adbe0",
    "name": "document.pdf",
    "type": "application/pdf",
    "size": 25157
  },
  "tipo": "file",
  "fechaCreacion": "2024-01-12T21:43:57.045Z",
  "fechaModificacion": "2024-01-12T21:43:57.045Z"
}

  • Images