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. 

 

How can we improve this article?

Share additional info and suggestions