Skip to content

Elements

Overview

The Elements Plugin enables users to enhance their forms by dynamically controlling the display and text of various elements. This feature is useful for customizing the user experience and making the form more interactive.

How to Use

To use the Elements Plugin, follow these simple steps:

  1. Add custom properties to the screen that you want to customize.
  2. Set the value of each custom property according to the element you want to control.
  3. Save your changes and preview the form to see the customized elements.

Note

The settings will be preserved from all screens from the point of setting elements. So, in order to reset, add custom properties to set elements on required screen.

Supported Custom Properties

  • handle_elements: Set this to true to enable element handling for the screen.
  • index: Controls the display of the index element. Value is 0 to hide and 1 to show.
  • req_badge: Controls the display of the required badge element. Value is 0 to hide and 1 to show.
  • keyboard: Controls the display of the keyboard element. Value is 0 to hide and 1 to show.
  • progress: Controls the display of the progress element. Value is 0 to hide and 1 to show.
  • next_button_text: Sets the text for the next button.
  • back_button_text: Sets the text for the back button.
  • submit_button_text: Sets the text for the submit button.
  • counter: Sets the screen counter value.
  • error_classes: Apply classes to error message after validation. Can use Bootstrap classes or classes from own theme's css.

Benefits

  • Customize the visibility and text of various form elements.
  • Enhance user engagement by dynamically controlling form elements.
  • Improve the overall user experience of your forms by providing a more interactive interface.