Skip to main content

kendoStepper

Namespace: Wisej.Web.Ext.Kendo

Assembly: Wisej.Web.Ext.Kendo (4.1.0.0)

The Stepper is an intuitive UI component that visualizes progress by displaying a sequence of logical steps. The Stepper widget could also be used for navigational purposes.

public class kendoStepper : kendoBase

Constructors​

Instance member kendoStepper()​

Constructs a new instance of the kendoStepper class.

Example:

The following example creates a stepper and defines its steps through the Options property.

var stepper = new kendoStepper();
stepper.Options.steps = new[]
{
new { label = "Cart" },
new { label = "Shipping" },
new { label = "Payment" }
};
stepper.Dock = DockStyle.Top;
this.Controls.Add(stepper);

Instance member kendoStepper(options)​

Constructs a new instance of the kendoStepper class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a vertical, non-linear stepper and moves to the next step by calling the next function of the Kendo UI widget.

var stepper = new kendoStepper(new
{
orientation = "vertical",
linear = false,
steps = new object[]
{
new { label = "Account", selected = true },
new { label = "Address" },
new { label = "Confirm" }
}
});
stepper.Dock = DockStyle.Left;
this.Controls.Add(stepper);

stepper.Instance.next();

Implements​