Date Time Input

Properties of Date Time Input

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. Date - format setting
   3. Not Editable - mark this to disable the control
   4. 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. 

    Setting Additional Properties provides further information about the Advanced property

Step-by-step guide

How to add a Date Time Input

1. Right click on a Form Element and select Add DateTimeInput
   
2. A Date Time Input control has been added
   

Related articles

• Page:
  2.2.5 Add UI elements to the App
• Page:
  2.2.5.1 Add UI elements outside of a Form Element