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

MobileDrawerBuilder

Defines the fluent API for configuring the Kendo MobileDrawer for ASP.NET MVC.

Methods

Container(System.String)

Specifies the content element to shift when the drawer appears. Required if the drawer is used outside of a mobile application.

Parameters

value - System.String

The value that configures the container.

SwipeToOpen(System.Boolean)

If set to false, swiping the view will not activate the drawer. In this case, the drawer will only be open by a designated button. should be disabled for browsers, which use side swiping gestures for back/forward navigation, such as iOS Safari. Otherwise, users should swipe from an inner part of the view, and not from the view edge.

Parameters

value - System.Boolean

The value that configures the swipetoopen.

SwipeToOpenViews(System.String[])

A list of the view ids on which the drawer will appear when the view is swiped. If omitted, the swipe gesture will work on all views. The option has effect only if swipeToOpen is set to true.

Parameters

value - System.String[]

The value that configures the swipetoopenviews.

Title(System.String)

The text to display in the Navbar title (if present).

Parameters

value - System.String

The value that configures the title.

Position(Kendo.Mvc.UI.MobileDrawerPosition)

The position of the drawer. Can be left (default) or right.

Parameters

value - MobileDrawerPosition

The value that configures the position.

Header(System.Action)

Sets the HTML content which the header should display.

Parameters

value - System.Action

The action which renders the header.

Example


             @( Html.Kendo().MobileDrawer()
                       .Name("Drawer")
                       .Header(() =>
                                {
                                    )
                                        <strong> Drawer Header </strong>
                                    @(
                                })
                       .Render();
            )

Header(System.Func)

Sets the HTML content which the header should display.

Parameters

value - System.Func<Object,Object>

The content wrapped in a regular HTML tag or text tag (Razor syntax).

Example


             @(Html.Kendo().MobileDrawer()
                  .Name("Drawer")        
                   .Header(
                        @<text>
                                Some text
                                <strong> Drawer Header </strong>
                        </text>        
                  )
             )

Header(System.String)

Sets the HTML content which the header should display as a string.

Parameters

value - System.String

The action which renders the header.

Example


             @( Html.Kendo().MobileDrawer()
                       .Name("Drawer")
                       .Header("<strong> Drawer Header </strong>");        
                       .Render();
            )

Content(System.Action)

Sets the HTML content which the content should display.

Parameters

value - System.Action

The action which renders the content.

Example


             @( Html.Kendo().MobileDrawer()
                       .Name("Drawer")
                       .Content(() =>
                                {
                                    )
                                        <strong> Drawer Content </strong>
                                    (
                                })
                       .Render();
            )

Content(System.Func)

Sets the HTML content which the content should display.

Parameters

value - System.Func<Object,Object>

The content wrapped in a regular HTML tag or text tag (Razor syntax).

Example


             @(Html.Kendo().MobileDrawer()
                  .Name("Drawer")        
                   .Content(
                        @<text>
                                Some text
                                <strong> Drawer Content </strong>
                        </text>        
                  )
             )

Content(System.String)

Sets the HTML content which the view content should display as a string.

Parameters

value - System.String

The action which renders the view content.

Example


             @( Html.Kendo().MobileDrawer()
                       .Name("Drawer")
                       .Content("<strong> Drawer Content </strong>");        
                       .Render();
            )

Footer(System.Action)

Sets the HTML content which the footer should display.

Parameters

value - System.Action

The action which renders the footer.

Example


             @( Html.Kendo().MobileDrawer()
                       .Name("Drawer")
                       .Footer(() =>
                                {
                                    )
                                        <strong> Drawer Footer </strong>
                                    @(
                                })
                       .Render();
            )

Footer(System.Func)

Sets the HTML content which the footer should display.

Parameters

value - System.Func<Object,Object>

The content wrapped in a regular HTML tag or text tag (Razor syntax).

Example


             @(Html.Kendo().MobileDrawer()
                  .Name("Drawer")        
                   .Footer(
                        @<text>
                                Some text
                                <strong> Drawer Footer </strong>
                        </text>        
                  )
             )

Footer(System.String)

Sets the HTML content which the footer should display as a string.

Parameters

value - System.String

The action which renders the footer.

Example


             @( Html.Kendo().MobileDrawer()
                       .Name("Drawer")
                       .Footer("<strong> Drawer Footer </strong>");        
                       .Render();
            )

Views(System.String[])

A list of the view ids on which the drawer will appear. If omitted, the drawer can be revealed on any view in the application.

Parameters

names - System.String[]

The list of view ids on which the drawer will appear.

Events(System.Action)

Configures the client-side events.

Parameters

configurator - System.Action<MobileDrawerEventBuilder>

The client events action.

Example


             @( Html.Kendo().MobileDrawer()
                        .Name("MobileDrawer")
                        .Events(events => events
                            .BeforeShow("onBeforeShow")
                        )
            )

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 Kendo.Mvc.UI.Fluent.WidgetFactory.DeferredScripts(System.Boolean)

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>

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();
            )

ToHtmlString()

ToClientTemplate()

In this article
Not finding the help you need?