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

ResponsivePanelBuilder

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

Methods

Content(System.Action)

Sets the HTML content which the panel will hide.

Parameters

value - System.Action

The action which renders the content.

Example


             @( Html.Kendo().ResponsivePanel()
                       .Name("sidebar")
                       .Content(() => 
                       { 
                          )
                                <strong>Panel content</strong>
                          ( 
                       })
            )

Content(System.Func)

Sets the HTML content which the panel will hide

Parameters

value - System.Func<Object,Object>

The Razor inline template

Example


             @(Html.Kendo().ResponsivePanel()
                       .Name("sidebar")
                       .Content(@<strong> Hello World!</strong>))

Content(System.String)

Sets the HTML content which the panel will hide as a string.

Parameters

value - System.String

The action which renders the content.

AutoClose(System.Boolean)

If set to false the widget will not close when the page content is touched, after it was opened on a mobile device. You will need to call the close method when the panel needs to close.

Parameters

value - System.Boolean

The value that configures the autoclose.

Breakpoint(System.Double)

Specifies the page width at which the widget will be hidden and its toggle button will become visible.

Parameters

value - System.Double

The value that configures the breakpoint.

ToggleButton(System.String)

Specifies the selector for the toggle button that will show and hide the responsive panel.

Parameters

value - System.String

The value that configures the togglebutton.

Orientation(Kendo.Mvc.UI.ResponsivePanelOrientation)

Specifies the direction from which the hidden element will open up, once the toggle button has been activated

Parameters

value - ResponsivePanelOrientation

The value that configures the orientation.

Orientation(System.String)

Parameters

value - System.String

Events(System.Action)

Configures the client-side events.

Parameters

configurator - System.Action<ResponsivePanelEventBuilder>

The client events action.

Example


             @( Html.Kendo().ResponsivePanel()
                        .Name("ResponsivePanel")
                        .Events(events => events
                            .Close("onClose")
                        )
            )

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?