DigitalSignature Widget

Use this widget to display a digital signature.

Last published at: June 3rd, 2024

Description:

Displays a digital signature control on the form.

Inputs

  • ID/Name - Name of widget generated by FlowWright (read-only field)
  • Width (px) - Enter the pixel value for width
  • Height (px) - Enter the pixel value for height 
  • Pen Stroke - Enter the value for pen stroke thickness
  • Pen Color -  Select the pen color from the palette
  • Show Underline - Select the checkbox to include underline (tick mark) 
  • Hide - Select the checkbox to Hide (tick mark)
  • Read Only - Select the checkbox to Read-Only (tick mark)
  • Required - Select the checkbox for mandatory (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 “DigitalSignatureDef” example.  

  • Create a new form definition called “DigitalSignatureDef.” 
  • Select the Open Designer checkbox and click the “Create” button
  • Drag a Digital Signature widget to the canvas
  • Double-click on the DigitalSignature 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 graphic below

 

  • Click on the widget control to a digital sign. The rendered widget will appear as shown in the graphic below

 

  • Once signed and the “Save” button is clicked, the rendered widget will appear as shown in the graphic below