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

Razor
 
            @(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

Razor
 
            @(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

Razor
 
            @(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

Razor
 
            @(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

Razor
 
            @(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

Razor
 
            @(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

Razor
 
             @( 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

Razor
 
            @(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

Razor
 
            @(@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()