Controls

Overview

Interface interactions in applications are implemented through controls. Informat provides various controls including Buttons, Text, Dropdowns, Single-line Textboxes, Groups, Flex Layouts, and Dividers. Controls are divided into two types: interactive controls and display controls. For interactive controls, clicking them will trigger system preset actions.

Common Settings

Setting Item	Description
Name	Control name
Hide when expression is met	Hide the control when the expression is met
Disable when expression is met	Disable the control when the expression is met

The hide and disable expressions will have different context variables in different scenarios, which can be used to dynamically set the control state. For example, for a Batch Delete button, if you want to disable it when no records are selected, the expression should be set to:

${tableSelectedIdList.size()==0}

Button Settings

Buttons are the most commonly used interactive controls. After clicking a button, the user will trigger the configured preset action. For example, the Create button in a table can be set to trigger the action Open Record Creation Page, which will open the configured record creation form when clicked.

Button settings are as follows:

Setting Item	Description
Hide Name	Do not display the button name
Icon	Button icon
Rounded Style	Whether the button has a rounded style
Light Border Style	Whether the button only displays the border style
Style	Button style. Optional values: Default Style, Text Style, Primary Style, Success Style, Info Style, Danger Error, Warning Style, Translucent Background
Use Expression as Name	Dynamically calculate the text on the button using an expression
Badge Content	Dynamically calculate the text on the button using an expression
Badge Style	Badge style. Optional values: Primary Style, Success Style, Info Style, Danger Error, Warning Style
Hover Tip	Prompt information when the mouse hovers over the button
Shortcut Key	Shortcut key to trigger the button. Function key identifiers: ctrl, alt, shift, esc, meta, command, windows. Combination keys are joined with +. For example, if the user needs to press ctrl and b, set it to ctrl+b
Need User Confirmation	After enabling, the user needs to confirm when clicking the button
User Confirmation Prompt	Text displayed in the user confirmation box
Prompt after User Operation Completes	Prompt information after the action is executed. For example, after clicking the delete button, if you need to prompt Deletion Successful, you can set the prompt information to Deletion Successful

Input Box Settings

The Single-line Textbox control is used to set the style of the input box.

Setting Item	Description
Width	Width of the textbox, in pixels (px)
Placeholder	Text displayed in the input box when no information is entered
Input Box Value	Text information entered and displayed in the textbox

Text Settings

The Text control is used to display a line of text description.

Setting Item	Description
Content	Text content expression
Font Size	Text font size
Bold	Whether the text is bold
Color	Text color
Background Color	Text background color

Selector Settings

The Selector control is used to display a line of text description.

Setting Item	Description
Width	Width of the selector
Placeholder	Placeholder when no value is selected
Multiple Selection	Whether multiple selection is allowed
Selector Value	Identifier of the selected option in the selector
Option Values	Option names and identifiers of the dropdown selector

Switch Settings

The Switch control is used to display a line of text description.

Setting Item	Description
Switch Value	Value is of type Boolean, used to control whether the switch is turned on or off

The Divider control is used to display a separator, which separates controls with different functions.

The Flex Layout control is used to fill the empty space in the toolbar. For example, if you need to display the Create button on the left and the Delete button on the right in the toolbar, you can add a Flex Layout control between the two buttons.