ebs.createWizardObject

Design the way the steps of a digital journey will be displayed. The method is available in the context of wizard like form driven journeys, Advanced tab > Wizard Options tab.

Syntax

Copy

ebs.createWizardObject(json: IWizardDisplayOptions): IWizardDisplayOptions

Parameter	Description
navPosition	The place where the navigation buttons will be displayed. Available values: “top” \| “bottom”; whereas “bottom” is the default value.
navAlign	The alignment of the navigation buttons. Available values: “left” \| “right” \| “center” \| “spread”; whereas “right” is thedefault value.
prevLbl	The text that will be displayed on the previous button. The default value is “Previous”.
nextLbl	The text that will be displayed on the next button. The default value is “Next”.
lastLbl	The text that will be displayed on the next button of the last section. The default value is “Finish”.
sectionTitleElementSelector	Selector for the element where the form title will be displayed. The default value is “.journey-section-name”.
hideDefaultFormTitle	Hides the default form title bar. The default value is false.
prevColor	The background color of the Previous button. Available values: “ftospetrol” \| “ftosblue” \| “default” \| “blue” \| “green” \| “azure” \| “orange” \| “red” \| “pink” \| “purple”; whereas “default” is the default value.
nextColor	The background color of the Next button. Available values: “ftospetrol” \| “ftosblue” \| “default” \| “blue” \| “green” \| “azure” \| “orange” \| “red” \| “pink” \| “purple”; whereas “azure” is the default value.
lastColor	The background color of the Next button of the last section. Available values: “ftospetrol” \| “ftosblue” \| “default” \| “blue” \| “green” \| “azure” \| “orange” \| “red” \| “pink” \| “purple”; whereas default value one set for the nextColor parameter.

Response

Returns the digital journey layout as set in the request.

Examples

Design the steps of a digital journey as a wizard and add the wizard last label to the localization resources

In this example:

We center the navigation buttons.
We change the default colors of the navigation buttons: pink for Prev button, blue for Next and green for the last button..
We insert the wizard's last label (default, “Finish”) into the Localization Resources which we can later localize into the desired language.

Copy


ebs.createWizardObject({
            <span style="background-color: #fff0f0">lastLbl: new EbsResource({key : "lastLbl1","en-GB" : "Last","ro-RO" : "Final"}).getString(),</span>
                prevLbl: "Prev",
                nextLbl: "Next",
                hideDefaultFormTitle: false,
                navAlign: "center",
                navPosition: "bottom",
                prevColor: "pink",
                nextColor: "blue",
                lastColor: "green",
});