WizardStepBuilder
Methods
Buttons(System.Action)
Allows configuration of the buttons to be rendered on each step. If the array contains strings, those values will be taken as Buttons names. If the array contains objects, those will be used when initializing the actual Button instances on each step.
Parameters
configurator - System.Action<WizardStepButtonFactory>
The action that configures the buttons.
Example
@(Html.Kendo().Wizard()
.Name("wizard")
.Steps(steps =>
{
steps.Add().Title("Welcome")
.Buttons(b =>
{
b.Next();
});
})
)
Content(System.String)
Specifies the HTML string content to be rendered in the step.
Parameters
value - System.String
The value that configures the content.
Example
@(Html.Kendo().Wizard()
.Name("wizard")
.Steps(steps =>
{
steps.Add().Content("My Content");
})
)
ContentId(System.String)
Specifies the id of a DOM element, which content to be used as a content of the current step.
Parameters
value - System.String
The value that configures the contentid.
Example
@(Html.Kendo().Wizard()
.Name("wizard")
.Steps(steps =>
{
steps.Add().ContentId("content");
})
)
ContentUrl(System.String)
Specifies an endpoint which the step content should be loaded from.
Parameters
value - System.String
The value that configures the contenturl.
Example
@(Html.Kendo().Wizard()
.Name("wizard")
.Steps(steps =>
{
steps.Add().ContentUrl(Url.Content("~/shared/web/wizard/ajax/ajaxContent1.html"));
})
)
ClassName(System.String)
Specifies a custom class that will be set on the step container element.
Parameters
value - System.String
The value that configures the customclass.
Example
@(Html.Kendo().Wizard()
.Name("wizard")
.Steps(steps =>
{
steps.Add().ClassName("myClassName");
})
)
Enabled(System.Boolean)
Specifies whether the step is enabled or not.
Parameters
value - System.Boolean
The value that configures the enabled.
Example
@(Html.Kendo().Wizard()
.Name("wizard")
.Steps(steps =>
{
steps.Add().Enabled(true);
})
)
Pager(System.Boolean)
Specifies whether the pager will be rendered on the current step or not.
Parameters
value - System.Boolean
The value that configures the pager.
Example
@(Html.Kendo().Wizard()
.Name("wizard")
.Steps(steps =>
{
steps.Add().Pager(true);
})
)
Title(System.String)
Specifies a title of the current step.
Parameters
value - System.String
The value that configures the title.
Example
@(Html.Kendo().Wizard()
.Name("wizard")
.Steps(steps =>
{
steps.Add().Title("My Title");
})
)
Form(System.Action)
Specifies the Form that will be rendered as part of the Step's content
Parameters
configurator - System.Action<FormBuilder>
Example
@(Html.Kendo().Wizard()
.Name("wizard")
.Steps(steps =>
{
steps.Add().Title("My Title")
.Form(f => f
.Validatable(v =>
{
v.ValidateOnBlur(true);
v.ValidationSummary(vs => vs.Enable(false));
})
.FormData(Model)
.Items(items =>
{
items.Add().Field(p => p.AccountDetails.Username).Label(l => l.Text("Username:"));
items.Add().Field(p => p.AccountDetails.Email).Label(l => l.Text("Email:"));
items.Add().Field(p => p.AccountDetails.Password).Label(l => l.Text("Password:"));
})
);
})
)
Icon(System.String)
Specifies the Stepper's step icon.
Parameters
value - System.String
The value that configures the icon.
Example
@(Html.Kendo().Wizard()
.Name("wizard")
.Steps(steps =>
{
steps.Add().Icon("k-i-home");
})
)
IconTemplate(System.String)
Parameters
value - System.String
IconTemplateId(System.String)
Specifies the Stepper's step iconTemplateId.
Parameters
value - System.String
The value that configures the iconTemplateId.
Example
@(Html.Kendo().Wizard()
.Name("wizard")
.Steps(steps =>
{
steps.Add().IconTemplateId("homeIcon");
})
)
IconTemplateView(System.Web.Mvc.MvcHtmlString)
Specifies the Stepper's step iconTemplate.
Parameters
value - System.Web.Mvc.MvcHtmlString
The value that configures the iconTemplate.
Example
@(Html.Kendo().Wizard()
.Name("wizard")
.Steps(steps =>
{
steps.Add().IconTemplateView(Html.Partial("_IconTemplatePartial"));
})
)
IconTemplateHandler(System.String)
Parameters
value - System.String
Example
@(Html.Kendo().Wizard()
.Name("wizard")
.Steps(steps =>
{
steps.Add().IconTemplateHandler("iconHandler");
})
)