Configuring the HTML Buttons

Top Menu Buttons

In QuikFormsEngine v5.5, all button-related properties are encapsulated within specific objects under the QuikFormsEngine object, grouping all properties associated with each button into a single, organized structure. The table below outlines these properties.

Properties

Property Name	Type	Description	Sub Properties

Property Name	Type	Description	Sub Properties
HTMLButtonSubmit	SubmitButton	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.
HTMLButtonSign	SignButton	Object 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.
HTMLButtonEmail	EmailButton	Object 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
HTMLButtonLoad	LoadButton	Object 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.
HTMLButtonSave	SaveButton	Object 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.
HTMLButtonPrint	PrintButton	Object 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.
HTMLButtonReset	ResetButton	Object 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.
HTMLButtonClear	ClearButton	Object 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.

Sample Code

Clear Button

We will take the Clear button as an example .

JSON

  "HTMLButtonClear": {
  "show": true,
  "title": "Clear all fields of form data.",
  "name": "Clear"
  },

Submit Button

JSON

  "HTMLButtonSubmit": {
    "title": "Submit",
    "submitContentType": "Json", 
    "show": true,
    "name": "Submit",
    "submitURL": "https://my.domain/submit"
    "SubmitJavascript": "alert('custom javascript!');",
  },

For more details, visit: Configuring the Submit Button

Save Button

JSON

  "HTMLButtonSave": {
    "SaveURL": "https://my.domain/save",
    "SaveJavascript": "alert('custom javascript!');",
    "Show": true,
    "Title": "Save form data so you can come back to it later.",
    "Name": "Save"
    },

For more details, visit: Configuring the Save Button