Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Top Menu Buttons

In QuikFormsEngine 5.4, the button's properties were direct properties of the QuikFormsEngine object. Since new properties were added that are associated to the buttons, all button-related properties are now grouped in one object per button. In other words, now each button has a particular object property in the QuikFormsEngine object. The table below describes them.

...

Property Name

Type

Description

Sub Properties

HTMLButtonSubmitSubmitButton

Object that configures the Submit button. Sends the form data in value pair format to the SubmitURL (typically a location in your system/platform/application for further processing).  

Clicking the Submit button also validates required fields if any are included on the form. In other words, forms may not be submitted to any location until the required fields are filled out.

  • Show (bool): Shows/Hides the button.

  • Title (string): Tooltip for the button.

  • Name (string): Name of the button.

  • SubmitJavascript (string): Javascript to be run when clicking the button. This takes priority over the Form Submission. If provided, the Javascript will be run and the form won't be submitted.

  • SubmitURL (string): URL where the form will be submitted to.
HTMLButtonSignSignButtonObject that configures the Sign button. Launches the E-Signature pop-up for either SIGNiX, DocuSign, or Quik! Native E-Signature.
  • Show (bool): Shows/Hides the button.

  • Title (string): Tooltip for the button.

  • Name (string): Name of the button.

  • SignJavascript (string): Javascript to be run when clicking the button. This takes priority over the the default Sign event. If provided, the Javascript will be run.
HTMLButtonEmailEmailButtonObject that configures the Email button. Allows the user to email the form (completed or not) to another party. Quik! only posts form data to the URL you provide. You must build the email service which actually sends the email to the recipient with the link to the form.
  • Show (bool): Shows/Hides the button.

  • Title (string): Tooltip for the button.

  • Name (string): Name of the button.

  • SendURL (string): URL to which the form will post the data
HTMLButtonLoadLoadButtonObject that configures the Load button. Loads the saved version of the form or user to continue to fill out, when the form has been saved to the browser only. This button is hidden if RoutingRulesOn = TRUE, and also if the Save button is hidden. 
  • Show (bool): Shows/Hides the button.

  • Title (string): Tooltip for the button.

  • Name (string): Name of the button.

HTMLButtonSaveSaveButtonObject that configures the Save button. Saves the current version of the form either to a pre-configured location, or, if location is not provided, to user's local browser.
  • Show (bool): Shows/Hides the button.

  • Title (string): Tooltip for the button.

  • Name (string): Name of the button.

  • SaveJavascript (string): Javascript to be run when clicking the button. This takes priority over the the default Save event. If provided, the Javascript will be run and the form won't be submitted to any Custom URL provided in the SaveURL property.
  • SaveURL (string): URL to post the form data for saving. If not provided, the form will save to the browser's localstorage by default.
HTMLButtonPrintPrintButtonObject that configures the Print button. Exports and downloads the form as a PDF.
  • Show (bool): Shows/Hides the button.

  • Title (string): Tooltip for the button.

  • Name (string): Name of the button.

HTMLButtonResetResetButtonObject that configures the Reset button. Deletes field data that has been entered by the user. Pre-filled data will remain.
  • Show (bool): Shows/Hides the button.

  • Title (string): Tooltip for the button.

  • Name (string): Name of the button.

HTMLButtonClearClearButtonObject that configures the Clear button. Deletes all field data that has been pre-filled or entered by the user.
  • Show (bool): Shows/Hides the button.

  • Title (string): Tooltip for the button.

  • Name (string): Name of the button.

...

Here are some screenshots showing the above configuration

Tooltip and name shown

Submit Button

This button configuration includes two properties: SubmitJavascript and SubmitURL. In order to set them in the new engine, see sample code below:

...