/
2.2.10.25 Date Picker

2.2.10.25 Date Picker

Sept 21, 2018

Properties of Date Picker



  1. Id - unique identifier of the control

  2. GridData(LMS) - control's column values for Large, Medium and Small screens. Please refer to GridData for further details

  3. Bound Field - the Field Name that links the Control to the Data Model.

  4. Type - further settings can be placed here

    1. Type - choose from Date, DateTime or Time

    2. Display Format - format for UI display of Date

    3. Binding type:

      1. dateValue - for relative date

      2. value - for absolute date ( - bound field should not checked/set as JavaScript Date type)

    4. Value format - applied if Binding type is value

    5. Not Editable - mark this to disable the control

    6. Editable if field=true = dynamic Editable setting using an available variable/Bound Field

  5. Actions on Change - a place to inject a custom code or action in the event that the value changes. A common application of this is calling a Javascript Function.

  6. Placeholder - text that will be displayed before an input has been made. A help or instruction text can be put here (e.g. instruction for the correct format)

  7. Enabled - set a boolean value or a variable with type boolean from the Model to control the enable property

  8. Visible - set a boolean value or a variable with type boolean from the Model to control the visibility property

  9. Mandatory - set a boolean value or a variable with type boolean from the Model to control the mandatory property.

  10. Advanced - properties of the control not available in the above list can be added here. 

Step-by-step guide

How to add a Date Picker

  1. Right click on a Form Element and select Add Date Picker

  2. A Date Picker control has been added

Related articles