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

StepperBuilder

Methods

Indicator(System.Boolean)

Indicates whether the Steps in the Stepper will render their indicator element (the icon or number placed in a circle above the Step label).

Parameters

value - System.Boolean

The value that configures the indicator.

Example


            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .Indicator(true)
            )

Label(System.Boolean)

Indicates whether the Steps in the Stepper will render their label element (the text placed below the Step indicator circle).

Parameters

value - System.Boolean

The value that configures the label.

Example


            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .Label(true)
            )

Linear(System.Boolean)

Indicates whether the Stepper will force the user to follow the Steps sequence or not. If set to "false" it will allow the user to select any step. If in its default state ("true") the user will be able to select the step immediately after the currently selected step or any previous step.

Parameters

value - System.Boolean

The value that configures the linear.

Example


            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .Linear(true)
            )

SelectOnFocus(System.Boolean)

Applicable for scenarios when keyboard is used for navigation. Indicates whether the selection will change upon focus change or it will require additional action (Enter or Spacebar key press) in order to select the focused step.

Parameters

value - System.Boolean

The value that configures the selectonfocus.

Example


            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .SelectOnFocus(true)
            )

Steps(System.Action)

Array of steps to be rendered in the Stepper. If the array contains objects, their fields will be used for each Step. If the array contains strings, those will be used as Step labels.

Parameters

configurator - System.Action<StepperStepFactory>

The action that configures the steps.

Example


            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .Steps(s =>
                        {
                            s.Add().Label("Personal Info").Icon("user");
                        })
            )

Orientation(Kendo.Mvc.UI.StepperOrientationType)

The type of the Stepper orientation (horizontal or vertical).

Parameters

value - StepperOrientationType

The value that configures the orientation.

Example


            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .Orientation(StepperOrientationType.Horizontal)
            )

Events(System.Action)

Configures the client-side events.

Parameters

configurator - System.Action<StepperEventBuilder>

The client events action.

Example


             @( Html.Kendo().Stepper()
                        .Name("Stepper")
                        .Events(events => events
                            .Activate("onActivate")
                        )
            )

ToComponent()

Returns the internal view component.

Name(System.String)

Sets the name of the component.

Parameters

componentName - System.String

The name of the component.

Example


            @(Html.Kendo().Grid<OrderViewModel>()
               .Name("grid")
               .Columns(columns =>
               {
                   columns.Bound(p => p.OrderID).Filterable(false);
                   columns.Bound(p => p.Freight);
               })
               .DataSource(dataSource => dataSource
                   .Ajax()
                   .PageSize(20)
                   .Read(read => read.Action("Orders_Read", "Grid"))
               )
            )

Deferred(System.Boolean)

Suppress initialization script rendering. Note that this options should be used in conjunction with

Parameters

deferred - System.Boolean

ModelMetadata(System.Web.Mvc.ModelMetadata)

Uses the Metadata of the Model.

Parameters

modelMetadata - System.Web.Mvc.ModelMetadata

The metadata set for the Model

HtmlAttributes(System.Object)

Sets the HTML attributes.

Parameters

attributes - System.Object

The HTML attributes.

HtmlAttributes(System.Collections.Generic.IDictionary)

Parameters

attributes - System.Collections.Generic.IDictionary<String,Object>

AsModule(System.Boolean)

Specifies whether the initialization script of the component will be rendered as a JavaScript module.

Parameters

value - System.Boolean

Render()

Renders the component.

Example


            @(@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Product>>" )
            @( Html.Kendo().Grid(Model)
                .Name("grid")
                .DetailTemplate(product => {
                    )
                       Product Details:
                       <div>Product Name: @( product.ProductName )</div>
                       <div>Units In Stock: @( product.UnitsInStock )</div>
                    @(
                })
                .Render();
            )

ScriptAttributes(System.Object,System.Boolean)

Sets the JavaScript attributes to the initialization script.

Parameters

attributes - System.Object

The JavaScript attributes.

overrideAttributes - System.Boolean

Argument which determines whether attributes should be overriden.

ScriptAttributes(System.Collections.Generic.IDictionary,System.Boolean)

Sets the JavaScript attributes to the initialization script.

Parameters

attributes - System.Collections.Generic.IDictionary<String,Object>

The JavaScript attributes.

overrideAttributes - System.Boolean

Argument which determines whether attributes should be overriden.

ToHtmlString()

ToClientTemplate()

In this article
Not finding the help you need?