About UI Designer Controls

Prev Next

Controls can be found in the Add button of the Navigation Panel. Controls are the elements used to interact with the form. In eCASE, controls can be used in three ways:

Controls can be associated with the data model from the Case Type, so that any input value can be captured by the control and eventually can be saved into the database through fields defined in the Case Type data model.

Controls can be configured to trigger rules or display values.

Text, Image, and Image Button are used to display static content without linking to a Case Type field.

The table below illustrates more details about the controls in UI Designer:

Control Name

Allows Styling

Description

Text

Yes

Used to present formatted text in the form. Field values can be inserted in !~fieldname~! Syntax to evaluate the fieldname to field value at runtime.

Text box

Yes

Used to input single line text.

Multiline Text Box

Yes

Used to input multiline text.

Rich Text Box

No

Used to input multiline text with styling and format.

Lookup Dropdown

Yes

Used to select one value from value range.

Number

Yes

Used to input number or decimal.

Date Picker

Yes

Used to input valid date.

Date Time Picker

Yes

Used to input valid date and time.

Radio Buttons

Size Only

Used to input true or false value.

Check Box

Size Only

Used to input true or false value.

Item Picker

No

Used to select one or more value(s) from value range. A search window will pop up.

Label

Yes

Used to display value.

Button

Yes

Used to trigger button event.

Attachment

Yes

Used to attach document into the folder.

Image

No

Displays Image

Image Button

No

Displays Image and used to trigger button event.

Hyperlink

Yes

Used for navigation based on URL.

Gallery

No

Used to display one or more images.

Large Text

Yes

This button will open a popup that allows the users to edit text with no character limit. If the field is not bound to a case field, the developer needs to supply the name of the field and the row ID of the field they want to reference.

Repeating Table*

Yes

Used to create grouping for controls that can have multiple values.

Panel*

Yes

Used to contain controls.

The Repeating Table and Panel are table based controls, and they have all the features a table has, including table operations and table styling.

Certain controls are not supported by all form types. The controls supported by each form type is listed below:

Type

Description

Case Forms

Supports all the containers and controls

Offline Forms

Supports all the containers and controls

Portal Forms

Attachment and Large Text control is not supported

Attachment Properties Forms

Attachment and Large Text control is not supported

Case Action Forms

Large Text is not supported

Contact Forms

Radio buttons, Large Text, and Attachment control are not supported

Application Forms

Attachment control and Large Text is not supported

Additionally, the Gallery control supports case fields as a source in Case forms, as well as data tables as a source in all forms.