Loading...

Multi-Form Step Buttons

Properties API

Widget Type:
Form Widgets
TPC Version:
  • 3.3 +
VideoLogos
The Multi-Form Step Buttons widget allows you to break your form up into multiple pieces. Individual forms are separated by previous/next buttons. The first form will not have a previous button and the last form will have a submit button in place of the 'Next' button.

Configuration

Basic Setup

  • From the Portal Connector widget list, click and drag the Multi-Form Step Buttons widget into the body of the form.

  • There are a few options that must be configured in order for the widget to work. Click the edit button to display the properties prompt. It should look like this: 

    Multi Form Step Buttons Properties

    When you are finished configuring the widget, click the save button to save it.

    • Widget Properties

    Basic Properties

    Previous Button Text

    The Previous Button Text text box will allow you to set the text that appears in the previous button for the widget.

    Next/Finish Button Text

    The Next/Finish Button Text text box allows you to enter a name for the 'next' and 'finish' button.

    Choose the Previous Step

    The Choose the Previous Step selection option allows you to choose the previous form. This will allow the user to 'step back' to the previous step.

    Choose the Next Form

    The Choose the Next Form selection option will allow you to choose from the list of published forms. This will cause the selected form to be the next step.

    Select a Template

    The Select a Template drop down list will allow you to select a template for your product to use with the option of creating a new template. If a template is selected, you will be given the additional option of editing the selected template.

    Advanced Properties

    Advanced properties provide additional functionality. They can be accessed by clicking on the "Advanced" Button in the bottom right corner of the widget designer.

    Previous Button Text

    The Previous Button Text text box will allow you to set the text that appears in the previous button for the widget.

    Next/Finish Button Text

    The Next/Finish Button Text text box allows you to enter a name for the 'next' and 'finish' button.

    Choose the Previous Step

    The Choose the Previous Step selection option allows you to choose the previous form. This will allow the user to 'step back' to the previous step.

    Choose the Next Form

    The Choose the Next Form selection option will allow you to choose from the list of published forms. This will cause the selected form to be the next step.

    Select a Template

    The Select a Template drop down list will allow you to select a template for your product to use with the option of creating a new template. If a template is selected, you will be given the additional option of editing the selected template.

    API

    get_nextFormId()

    Returns the value (GUID) of the next form. 

    Returns

    String

    get_prevFormId()

    Returns the value (GUID) of the previous form. 

    Returns

    String

    get_btnPrevious()

    Returns the input element for the previous button. 

    Returns

    HTML Element 

    get_btnNext()

    Returns the input element for the next button. 

    Returns

    HTML Element 

    get_dataFieldName()

    Returns the developer name for the control. 

    Returns

    String

    Full API With Examples

    How to's

    Examples of Multi-Form Step Buttons Configuration