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

MobileCollapsibleBuilder

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

Methods

Animation(System.Boolean)

Turns on or off the animation of the widget.

Parameters

value - System.Boolean

The value that configures the animation.

Collapsed(System.Boolean)

If set to false the widget content will be expanded initially. The content of the widget is collapsed by default.

Parameters

value - System.Boolean

The value that configures the collapsed.

ExpandIcon(System.String)

Sets the icon for the header of the collapsible widget when it is in a expanded state.

Parameters

value - System.String

The value that configures the expandicon.

Inset(System.Boolean)

Forces inset appearance - the collapsible panel is padded from the View and receives rounded corners.

Parameters

value - System.Boolean

The value that configures the inset.

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().MobileCollapsible()
                       .Name("Collapsible")
                       .Header(() =>
                                {
                                    )
                                        <strong> Collapsible 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().MobileCollapsible()
                  .Name("Collapsible")        
                   .Header(
                        @<text>
                                Some text
                                <strong> Collapsible 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().MobileCollapsible()
                       .Name("Collapsible")
                       .Header("<strong> Collapsible 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().MobileCollapsible()
                       .Name("Collapsible")
                       .Content(() =>
                                {
                                    )
                                        <strong> Collapsible 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().MobileCollapsible()
                  .Name("Collapsible")        
                   .Content(
                        @<text>
                                Some text
                                <strong> Collapsible 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().MobileCollapsible()
                       .Name("Collapsible")
                       .Content("<strong> Collapsible Content </strong>");        
                       .Render();
            )

Events(System.Action)

Configures the client-side events.

Parameters

configurator - System.Action<MobileCollapsibleEventBuilder>

The client events action.

Example


             @( Html.Kendo().MobileCollapsible()
                        .Name("MobileCollapsible")
                        .Events(events => events
                            .Collapse("onCollapse")
                        )
            )

IconPosition(Kendo.Mvc.UI.IconPosition)

Sets the icon position in the header of the collapsible widget. Possible values are "left", "right", "top".

Parameters

value - IconPosition

The value that configures the iconposition.

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?