Pending Review
Last Updated: 23 Jan 2018 22:11 by Fuzuli
Chris
Created on: 08 Feb 2017 17:25
Category: Wizard
Type: Feature Request
4
RadWziard navigation button templates/control
Currently the only way to do anything with the default RadWizard navigation buttons (Cancel, Previous, Next, Finish) is to change the localization of them.  Doing this workaround, however, will lose you the option to have any reasonable form of localization in your program.

So this is a request to add templates to allow developers to create their own sets of buttons, and expose control of the area to developers completely so they may instead redesign the whole area if they wish.
2 comments
Fuzuli
Posted on: 23 Jan 2018 22:11
@Peter Milchev, thank you for workaround. Any idea why I get 'JavaScript runtime error: '$telerik' is undefined' when included the suggested JavaScript. This is only encountered when this code is included and the project runs fine without any issues with existing JavaScript.
ADMIN
Peter Milchev
Posted on: 11 Dec 2017 10:34
The following JavaScript can be used for a workaround to add a custom button to the navigation button area:

<script>
    var $ = $telerik.$;
    var oldInitializeEvents = Telerik.Web.UI.RadWizard.prototype._initializeEvents;
    Telerik.Web.UI.RadWizard.prototype._initializeEvents = function () {
        var myLi = $('<li>', { "class": "rwzLI rwzRight" }).appendTo('.rwzNav');
        var spanElement = $('<span>').addClass("rwzText").text("My Custom Button");
        $("<button>", {
            "class": "rwzButton", "type": "button", click: function myfunction() {
                console.log('clicked');
            }
        }).append(spanElement).appendTo(myLi);
        oldInitializeEvents.call(this);
    }
</script>