Wizard Overview
The Wizard is part of Telerik UI for ASP.NET MVC, a
professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
The Telerik UI Wizard HtmlHelper for ASP.NET MVC is a server-side wrapper for the Kendo UI Wizard widget.
The Wizard displays content in sequential, stepwise order. Each step of the Kendo UI Wizard has content, which can be a form or any other type of HTML content.
Initializing the Wizard
The following example demonstrates how to define the Wizard.
@(Html.Kendo().Wizard()
.Name("wizard")
.Steps(s=> {
s.Add().Content("Initial Step");
s.Add().Content("Second Step");
s.Add().Content("Final Step");
})
)
<script>
$(function() {
// The Name() of the Wizard is used to get its client-side instance.
var wizard = $("#wizard").data("kendoWizard");
});
</script>
<script>
function onActivate(e) {
console.log("Activated: " + e.step.options.label);
}
function onSelect(e) {
console.log("Selected: " + e.step.options.label);
}
</script>