Multi Select LOV

Description:

LOV

LOV (List of Values) is simple Pop up which is used to display the associated values while inserting values in forms. You need to configure LOV with respectively associated datasource, return value attribute and the binding view attribute. Add the required columns as the children to the LOV to be shown on the popup.

Allowed Parent Components:

  1. Card Table Column

  2. Col

  3. Form

  4. Form Search

Allowed Child Components:

  1. Attachment Column

  2. Calculated Number Column

  3. Calculated String Column

  4. Checkbox Column

  5. Custom Renderer Column

  6. Date Column

  7. Google Drive Attachment Column

  8. Icon Column

  9. Lov Column

  10. Number Column

  11. Popover

  12. Progress Column

  13. Pulse

  14. Row Col Column

  15. Row Number Column

  16. Row Selection Column

  17. Select Column

  18. Slide Toggle Column

  19. String Column

  20. Switch Column

  21. Tree Column

  22. Trigger Before Query

  23. Trigger Before Render

  24. Trigger On Change

  25. User Pic Column

  26. Wave Column

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

➤ 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

➤ Allow Invalid Value

Check this option to allow user to enter values not returned from the LOV.

Allowed Values: Yes/No

➤ Delimeter

Set a sequence of one or more characters to seperate the selected values. Default: ~

Allowed Values: Free text field

➤ DataSource

Select a datasource from the list.

Allowed Values: Select a datasource from the list.

➤ Use Pagination

Check this box to add pagination to the LOV.

Allowed Values: Yes/No

➤ 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

➤ Return Attribute

Choose an attribute from the LOV row that needs to be copied to this Field when a row is selected from the LOV. Also make sure this attribute is listed first on the LOV Popup. The value entered on the LOV field will be populated in the header filter of the LOV Popup column with this view attribute

Allowed Values: Choose an attribute from the LOV row that needs to be copied to this Field when a row is selected from the LOV. Also make sure this attribute is listed first on the LOV Popup. The value entered on the LOV field will be populated in the header filter of the LOV Popup column with this view attribute

➤ 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.

➤ Auto Query

Check this property to query the selected datasource on component render.

Allowed Values: Yes/No

➤ Allow Blind Query

Check this to restrict querying without any filters

Allowed Values: Yes/No

➤ Filter Before Display

Uncheck this if all options should be displayed on click of the LOV icon. If checked, the lov results will be filtered based on the value entered/displayed on this LOV Field. Usually it's recommended to check this prop for performance reasons. If the LOV contains less rows, then it's better to uncheck so the user doesn't have to clear the filter to choose a different option from the LOV.

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

➤ Auto Fit Columns

Select this to auto fit the lov columns.

Allowed Values: Yes/No

➤ Height

Provide numerical value to set height of the field.

Allowed Values: Any number value

➤ Width

Provide numerical value to set width of the field.

Allowed Values: Any number value

➤ 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