In the renders we parameterize the columns of a table to be able to visualize:

• Combo (Select)
• Combo multiple (Select multiple)
• Radio button
• Check box
• Switch
• Color
• Password
• Tags

When a column is defined by a data set and we want the form to show a drop-down (combo) to select the value from a list.

In the parameterization of this type of render, there are two list options.

• Json
• SQL

Define list options using Json or SQL statement.

Example Json char column

[
{
"value": "L",
"label": "Low"
},
{
"value": "M",
"label": "Medium"
},
{
"value": "H",
"label": "High"
}
]

Example Json integer column

[
{
"value": 0,
"label": "Low"
},
{
"value": 1,
"label": "Medium"
},
{
"value": 2,
"label": "High"
}
]

Example Json char column and icon

[
{
"value": "V",
"label": "Valid",
"icon": "green_ball"
},
{
"value": "A",
"label": "Alert",
"icon": "red_ball"
}
]

Example SQL

When a column is defined by a data set and we want the form to show a drop-down (combo) to select the values from a list.

In the parameterization of this type of render, there are two list options.

• Json
• SQL

Radio buttons are normally presented in radio groups (a collection of radio buttons describing a set of related options). Only one radio button in a group can be selected at the same time.

In the parameterization of this type of render, there are two list options.

• Json
• SQL

Checkboxes are used to let a user select one or more options of a limited number of choices.

In the parameterization of this type of render is a Json

Toggle switches are on/off switches. They prompt users to choose between two mutually exclusive options and always have a default value.

In the parameterization of this type of render is a Json

Shows a color palette, which will help the user to complete the input with the hexadecimal value of the selected color

configure the input so that the text that is added is hidden with the asterisk symbols

In the parameterization of this type of render, there are two list options.

• Json
• SQL

Example Idiomatic