New to Telerik UI for ASP.NET MVC? Download free 30-day trial

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");
               })
             )

In this article
Not finding the help you need?