Time Widget

Use this widget to render a time selection control.

Last published at: June 3rd, 2024

Description:

Renders a time selection control.

Inputs

  • FormID - Name of the 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 the Save button to confirm the changes 
  • Double-click the “Hour” drop-down widget to configure the “Static” properties.  

 

  • Double-click the “Hour” drop-down widget to configure the “Database” properties.  

 

  • Double-click the “Hour” drop-down widget to configure the “Role” properties. 

 

  • Double-click the “Hour” drop-down widget to configure the “Lookup” properties. 
  • Click on the Conditions tab and configure the inputs as shown in the graphic below. Add display condition. Type in the field name to control the display.  

 

  • Click on the Styling tab and configure the inputs as shown in the below graphic.  

 

  • Click on the Other tab and configure the inputs as shown in the graphic below.  

 

  • Double-click on the Meridiem widget to configure the inputs as shown in the graphic below

 

  • Click on the Save button and Close the popup window
  • Navigate to the UI menu and Preview the form. The rendered widget will appear as shown in the below graphic.