Button Widget

Last published at: July 16th, 2021

Description:

The button widget is a standard HTML button control.

Inputs

  • Button Type - Select between Default and other types
  • ID/Name - Name of widget generated by FlowWright (read-only field) 
  • Button Label - Change the button label
  • Hide -  Select checkbox to Hide (tick mark)
  • Read Only -  Select checkbox to Read-Only (tick mark)
  • Tool Tip - Enter information to display on mouse hover on form render
  • Styles - Enter the CSS scripts for widget styles
  • Apply Classes - Select between custom classes defined 
  • Save - Save the input values 
  • Delete - Remove this form widget from the designer page 
  • Close - Close the input popup window

Design:   Example:

Let’s build and execute the ButtonDef example.  

  • Create a new form definition called “ButtonDef”
  • Select the Open Designer checkbox and click the “Create” button
  • Drag a Button widget to the canvas
  • Double-click on the 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 look as shown in the below graphic