nextButton

sets the Next button or changes its name

Example

webix.ui({
    view: "hint",
    id: "hint1",
    steps: [
        {
            el: ".div1",
            title: "Welcome to Booking App!",
            text: "Click here to check out regular flights",
            event:"click"
        },
        {
            el: ".div2",
            title: "Get Flights Info in a Click!",
            text: "Click here to take a look at all flights info",
            event:"click"
        }
    ],
    nextButton: "Show next" // the new caption of the button
});
 
// another hint
webix.ui({
    view: "hint",
    id: "hint2",
    steps: [
        {
            el: ".webix_column.webix_first",
            eventEl: ".webix_table_checkbox",
            title: "Working with a datatable is easy",
            text: "You can select elements here. Check the first checkbox",
            event:"click"
 
        },
        {
            el: "button",
            title: "Pager can navigate to the previous and next page",
            text: "Click 'skip' to exit or click the prev button to start once again",
            event: "click"
        }
    ],       
    nextButton: false // the Next button won't be rendered
});

Default value:

true

By default, the label of the button is set to "Next" or "End tour" (for the last step), if you specify a string (say "Show next"), then it's going to be the new name of the button.

Back to top