Select

Description:

Select

Select is a form control which after a click displays a collapsable list of multiple values which can be used in forms, menus or surveys.

Allowed Parent Components:

  1. Card Table Column

  2. Col

  3. Form

  4. Form Search

Allowed Child Components:

  1. Popover

  2. Pulse

  3. Trigger After Select Query

  4. Trigger Before Render

  5. Trigger Before Select Query

  6. Trigger On Change

  7. Trigger On Click

Properties

➤ Field Label

Allowed Values: An expression which should return string after evaluation

➤ Help Text1

Provide some helpful level one text for this field and see how it looks on the UI

Allowed Values: Free text field

➤ Help Text2

Provide some helpful level two text for this field and see how it looks on the UI

Allowed Values: Free text field

➤ Hide Label

Check this to hide the label

Allowed Values: Yes/No

➤ Label Primary

Check to render the label in primary color

Allowed Values: Yes/No

➤ Placeholder

Allowed Values: An expression which should return string after evaluation

➤ Tool Tip

A message which appears when a cursor is positioned over.

Allowed Values: An expression which should return string after evaluation

➤ Tool Tip Position

Select an option to change the placement of the tooltip when appears.

Allowed Values:

  1. left

  2. right

  3. top

  4. bottom

➤ Insert Allowed

Allowed Values: Yes/No

➤ Insert Allowed Condition

Specify an expression to conditionally allow editing this field while creating a new row

Allowed Values: An expression which should return boolean after evaluation

➤ Update Allowed

Allowed Values: Yes/No

➤ Update Allowed Condition

Specify an expression to conditionally allow editing this field while updating an existing row

Allowed Values: An expression which should return boolean after evaluation

➤ Required

Check this to make this field mandatory.

Allowed Values: Yes/No

➤ Required Condition

Specify an expression to conditionally make this field mandatory

Allowed Values: An expression which should return boolean after evaluation

➤ Multi Selection

Check this property to allow user to select multiple values from the list.

Allowed Values: Yes/No

➤ Simple Values

Provide comma seperated values e.g. Blue, Black, Green or value:label pairs e.g. BLUE:Blue, BLACK:Black, G:Green

Allowed Values: An expression which should return string after evaluation

➤ View Attribute

Allowed Values: Attribute

➤ Default Value

Provide a text to set as default value.

Allowed Values: An expression which should return string after evaluation

➤ Validate On Commit

Check this to perform validations after commit.

Allowed Values: Yes/No

➤ Select Option On Tab

Uncheck this to stop select an option on tab keypress

Allowed Values: Yes/No

➤ DataSource

Select a datasource from the list.

Allowed Values: Select a datasource from the list.

➤ Data Source Alias

Allowed Values: Free text field

➤ Default Where Clause

Allowed Values: Free text field

➤ Max Rows

Allowed Values: Any number value

➤ Order By Clause

e.g. #firstAttr#, #secondAttr# DESC

Allowed Values: Free text field

➤ Value Attribute

Choose an attribute that needs to be stored in the database.

Allowed Values: Choose an attribute that needs to be stored in the database.

➤ Display Attribute

Choose an attribute that needs to be visible to the user.

Allowed Values: Choose an attribute that needs to be visible to the user.

➤ Select Mapping

Allowed Values: Free text field

➤ Remote Filter

Allowed Values: Yes/No

➤ Cache Results

With remote filter checked, check this if you want the system to cache data fetched for each filter to avoid re-query if the user types the same filter again

Allowed Values: Yes/No

➤ Do Not Prefetch

Check this to programmatically control this Select Query

Allowed Values: Yes/No

➤ Column Size

Choose 6 for a two column form or 4 for a three column form

Allowed Values: Choose 6 for a two column form or 4 for a three column form

➤ Transparent

Check this if you want this field to be displayed without any borders around the input field. Typically used for readonly fields on a grey background.

Allowed Values: Yes/No

➤ Options Width

Enter a numeric value to change the width of the options in the select box.

Allowed Values: Any number value

➤ Alignment

Select an option to set the alignment of the text.

Allowed Values:

  1. Start

  2. Center

  3. End

➤ All Caps

Select this property for capitalizing the text.

Allowed Values: Yes/No

➤ Text Color

Select a color or enter the custom class to change the color of the text.

Allowed Values: Select a color or enter the custom class to change the color of the text.

➤ Font Weight

This property sets how thick or thin characters in text should be displayed.

Allowed Values:

  1. Light

  2. Normal

  3. Semi Bold

  4. Bold

  5. Default

➤ Hint Text

Check this property to fade the font color of the text.

Allowed Values: Yes/No

➤ Italic

Check this property to change the font style of the text to italic.

Allowed Values: Yes/No

➤ Muted

Check this property to change the color of the font to light grey.

Allowed Values: Yes/No

➤ No Decoration

Check this property to remove decoration of the text

Allowed Values: Yes/No

➤ Overflow Ellipsis

Check this property to show hidden overflow content as an ellipsis ('…').

Allowed Values: Yes/No

➤ Text Size

Select an option to change the size of the text.

Allowed Values:

  1. Small

  2. Normal

  3. Large

  4. Default

➤ On Change

Allowed Values: Controller Function

➤ On Focus

Looking for a tip? Avoiding the use of onFocus!

Allowed Values: Controller Function

➤ On Blur

Looking for a tip? Avoiding the use of onBlur!

Allowed Values: Controller Function

Last updated