Time Widget

Use this widget to render a time selection control.

Last published at: August 15th, 2023

Description:

Renders a time selection control

Inputs

  • FormID - Name of widget generated by FlowWright (read-only field)
 

 

Design:

 

 

Example: 

Let’s build and execute the “TimeWidgetDef” example.  

  • Create a new form definition called “TimeWidgetDef” 
  • Select the Open Designer checkbox and click the “Create” button
  • Drag a Time widget to the canvas
  • Double-click on the Time widget to view the input / properties. The popup window will appear as shown in the below graphic
  • Select the relevant time zone from the drop-down
  • Click on Save button to confirm the changes 
  • Double-click on the “Hour” drop down widget to configure the “Static” properties.  
  • Double-click on the “Hour” drop down widget to configure the “Database” properties.  
  • Double-click on the “Hour” drop down widget to configure the “Role” properties. 
  • Double-click on the “Hour” drop down widget to configure the “Lookup” properties. 
  • Click on Conditions tab and configure the inputs as shown in the below graphic. Add display condition. Type-in the field name to control the display.  
  • Click on Styling tab and configure the inputs as shown in the below graphic.  
  • Click on Other tab and configure the inputs as shown in the below graphic.  
  • Double-click on the Meridiem widget to configure the inputs as shown in the below graphic
  • Click on Save button and Close the popup window
  • Navigate to UI menu and Preview the form. The rendered widget will appear as shown in the below graphic.