Quform JavaScript options

There are a number of options you can use to customize the Quform JavaScript. See the table below for all options and below the table for examples.

Option Default Notes
container .quform-elements The jQuery selector of the element container
loading .quform-loading-wrap .loading The jQuery selector of the loading image/text
submitButton .quform-submit-button The jQuery selector of the submit button
reset true Reset the form to its default state after successful submit
hideFormSpeed false The jQuery animate speed that the form will fade out, if false the form will not fade out
successFadeInSpeed slow The jQuery animate speed that the success message will fade in
successFadeOutSpeed slow The jQuery animate speed that the success message will fade out
successTimeout 8000 The time to display the success message in milliseconds. 1000 = 1 second. Set to 0 to never hide the message.
scrolling true Scroll automatically to errors and messages
scrollSpeed 400 The jQuery animate speed of the scrolling animation
scrollThreshold 20 If the scroll target is this number of pixels or less inside the viewport, scrolling to it will still happen
scrollOffset -50 How far above the target to scroll too
errorTitle There was a problem The title of the error message if a serious error occurs
errorResponseEmpty An error occurred and the response from the server was empty. The error message text if there is a server side problem
errorAjax An Ajax error occurred. The error message if there is an Ajax problem
errorPosition above The position of global form error message, ‘above’ or ‘below’ the form

Still having trouble? Head over to the forums.

Forums