kendoWizard
Namespace: Wisej.Web.Ext.Kendo
Assembly: Wisej.Web.Ext.Kendo (4.1.0.0)
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.
- C#
- VB.NET
public class kendoWizard : kendoBase
Public Class kendoWizard
Inherits kendoBase
Constructors
kendoWizard()
Constructs a new instance of the kendoWizard class.
Example:
The following example creates a wizard and defines its steps through the Options property.
var wizard = new kendoWizard();
wizard.Options.steps = new[]
{
new { title = "Welcome", content = "<p>This wizard creates a new project.</p>" },
new { title = "Summary", content = "<p>Click Done to finish.</p>" }
};
wizard.Dock = DockStyle.Fill;
this.Controls.Add(wizard);
kendoWizard(options)
Constructs a new instance of the kendoWizard class.
| Name | Type | Description |
|---|---|---|
| options | Object | Initial set of options. |
Example:
The following example creates a wizard with a form step and a final step, and handles the done event on the server.
var wizard = new kendoWizard(new
{
steps = new object[]
{
new
{
title = "Account",
buttons = new[] { "next" },
form = new
{
formData = new { userName = "", email = "" },
items = new object[]
{
new { field = "userName", label = "User name", validation = new { required = true } },
new { field = "email", label = "Email", validation = new { required = true, email = true } }
}
}
},
new
{
title = "Finish",
content = "<p>Click Done to create the account.</p>",
buttons = new[] { "previous", "done" }
}
}
});
wizard.Instance.onDone += new WidgetEventHandler((s, e) =>
{
AlertBox.Show("The wizard is complete.");
});
wizard.Dock = DockStyle.Fill;
this.Controls.Add(wizard);