Loading...

RECOMMENDATION: If you are using a version of The Portal Connector higher than 4.0, we strongly recommend utilizing the MVC based widgets and components to create your site. This documentation is for legacy purposes only and will soon be deprecated.

Multi-Page Step Buttons

Properties API
Widget Type:
Form Widgets
TPC Version:
  • 3.3 +
VideoLogos
The Multi-Page Step Buttons widget allows you to chain together multiple pages and navigate between them with a next/previous button. On the last page, the next button will act like a submit button. Unlike the Multi-Form Step Buttons widget, this widget will instead allow you to chain pages together as opposed to chaining together forms. Please note that if there is no form on the next page for the widget to interact with the form will submit.

Configuration

  1. From the Portal Connector widget list, click and drag the Multi-Page Step Buttons widget in the body of your form.

  2. There are a variety of options that you must configure before the widget works. Click on the edit button to display the properties prompt. It should look like this: 

    Multi-Page Step Buttons Properties

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

Widget Properties

Basic Properties

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.

Next Page

The Next Page drop down list will allow you to select a published page for the form to navigate to when the user clicks on the next button. Please note that if there isn't a form on the next page, the form will be submitted.

Previous Page

The Previous Page drop down list allows you to select a published page for the form to step back to. Please note that if there isn't a form present on the previous page, the form will be submitted.

Next/Finish Button

The Next/Finish Button Text textbox allows you to set a title for the next button.

Previous Button

The Previous Button Text textbox allows you to set a title for the previous page button.

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.

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.

Next Page

The Next Page drop down list will allow you to select a published page for the form to navigate to when the user clicks on the next button. Please note that if there isn't a form on the next page, the form will be submitted.

Previous Page

The Previous Page drop down list allows you to select a published page for the form to step back to. Please note that if there isn't a form present on the previous page, the form will be submitted.

Next/Finish Button

The Next/Finish Button Text textbox allows you to set a title for the next button.

Previous Button

The Previous Button Text textbox allows you to set a title for the previous page button.

API

get_nextPageId ()

Returns the value (GUID) of the next page. 

Returns

String

get_prevPageId()

Returns the value (GUID) of the previous page. 

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-Page Step Buttons Configuration