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

SplitterPaneBuilder

Methods

Size(System.String)

Sets the pane size.

Parameters

size - System.String

The desired size. Only sizes in pixels and percentages are allowed.

Example


             @( Html.Kendo().Splitter()
                        .Name("Splitter")
                        .Panes(panes =>
                        {
                            panes.Add().Size("220px");
                        })
            )

MinSize(System.String)

Sets the minimum pane size.

Parameters

size - System.String

The desired minimum size. Only sizes in pixels and percentages are allowed.

Example


             @( Html.Kendo().Splitter()
                        .Name("Splitter")
                        .Panes(panes =>
                        {
                            panes.Add().MinSize("220px");
                        })
            )

MaxSize(System.String)

Sets the maximum pane size.

Parameters

size - System.String

The desired maximum size. Only sizes in pixels and percentages are allowed.

Example


             @( Html.Kendo().Splitter()
                        .Name("Splitter")
                        .Panes(panes =>
                        {
                            panes.Add().MaxSize("220px");
                        })
            )

Scrollable(System.Boolean)

Sets whether the pane shows a scrollbar when its content overflows.

Parameters

isScrollable - System.Boolean

Whether the pane will be scrollable.

Example


             @( Html.Kendo().Splitter()
                        .Name("Splitter")
                        .Panes(panes =>
                        {
                            panes.Add().Scrollable(false);
                        })
            )

Resizable(System.Boolean)

Sets whether the pane can be resized by the user.

Parameters

isResizable - System.Boolean

Whether the pane will be resizable.

Example


             @( Html.Kendo().Splitter()
                        .Name("Splitter")
                        .Panes(panes =>
                        {
                            panes.Add().Resizable(true);
                        })
            )

Collapsed(System.Boolean)

Sets whether the pane is initially collapsed.

Parameters

isCollapsed - System.Boolean

Whether the pane will be initially collapsed.

Example


             @( Html.Kendo().Splitter()
                        .Name("Splitter")
                        .Panes(panes =>
                        {
                            panes.Add().Collapsed(true);
                        })
            )

CollapsedSize(System.String)

Sets the pane size while collapsed.

Parameters

collapsedSize - System.String

The desired size. Only sizes in pixels and percentages are allowed.

Example


             @( Html.Kendo().Splitter()
                        .Name("Splitter")
                        .Panes(panes =>
                        {
                            panes.Add().CollapsedSize("220px");
                        })
            )

Collapsible(System.Boolean)

Sets whether the pane can be collapsed by the user.

Parameters

isCollapsible - System.Boolean

Whether the pane can be collapsed by the user.

Example


             @( Html.Kendo().Splitter()
                        .Name("Splitter")
                        .Panes(panes =>
                        {
                            panes.Add().Collapsible(true);
                        })
            )

HtmlAttributes(System.Object)

Sets the HTML attributes applied to the outer HTML element rendered for the item

Parameters

attributes - System.Object

The attributes.

Example


             @( Html.Kendo().Splitter()
                        .Name("Splitter")
                        .Panes(panes =>
                        {
                            panes.Add().HtmlAttributes(new { style = "background: red" });
                        })
            )

HtmlAttributes(System.Collections.Generic.IDictionary)

Sets the HTML attributes applied to the outer HTML element rendered for the item

Parameters

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

The attributes.

Content(System.Action)

Sets the HTML content of the pane.

Parameters

content - System.Action

The action which renders the HTML content.

Example


             @(  Html.Kendo().Splitter()
                        .Name("Splitter")
                        .Panes(panes =>
                        {
                            panes.Add()
                                .Content(() => { >%
                                    <p>Content</p>
                                %<});
                        })
                        .Render();
            )

Content(System.Func)

Sets the HTML content of the pane.

Parameters

content - System.Func<Object,Object>

The Razor template for the HTML content.

Example


             @(Html.Kendo().Splitter()
                   .Name("Splitter")
                   .Panes(panes =>
                   {
                       panes.Add()
                            .Content(@<p>Content</p>);
                   })
                   .Render();)

Content(System.String)

Sets the HTML content of the pane.

Parameters

content - System.String

The HTML content.

Example


             @( Html.Kendo().Splitter()
                     .Name("Splitter")
                     .Panes(panes =>
                     {
                         panes.Add()
                              .Content("<p>Content</p>");
                     })
            )

LoadContentFrom(System.Web.Routing.RouteValueDictionary)

Sets the Url which will be requested to return the pane content.

Parameters

routeValues - System.Web.Routing.RouteValueDictionary

The route values of the Action method.

Example


             @( Html.Kendo().Splitter()
                     .Name("Splitter")
                     .Panes(panes => {
                          panes.Add()
                                .LoadContentFrom(MVC.Home.Index().GetRouteValueDictionary());
                     })
            )

LoadContentFrom(System.String,System.String)

Sets the Url, which will be requested to return the pane content.

Parameters

actionName - System.String

The action name.

controllerName - System.String

The controller name.

Example


             @( Html.Kendo().Splitter()
                     .Name("Splitter")
                     .Panes(panes => {
                          panes.Add()
                               .LoadContentFrom("AjaxView_OpenSource", "Splitter");
                     })
            )

LoadContentFrom(System.String,System.String,System.Object)

Sets the Url, which will be requested to return the content.

Parameters

actionName - System.String

The action name.

controllerName - System.String

The controller name.

routeValues - System.Object

Route values.

Example


             @( Html.Kendo().Splitter()
                     .Name("Splitter")
                     .Panes(panes => {
                          panes.Add()
                               .LoadContentFrom("AjaxView_OpenSource", "Splitter", new { id = 10 });
                     })
            )

LoadContentFrom(System.String,System.String,System.Web.Routing.RouteValueDictionary)

Parameters

actionName - System.String
controllerName - System.String
routeValues - System.Web.Routing.RouteValueDictionary

LoadContentFrom(System.String)

Sets the Url, which will be requested to return the pane content.

Parameters

value - System.String

The url.

Example


             @( Html.Kendo().Splitter()
                     .Name("Splitter")
                     .Panes(panes => {
                          panes.Add()
                               .LoadContentFrom(Url.Action("AjaxView_OpenSource", "Splitter"));
                     })
            )

Label(System.String)

The label of the current pane. Will be used as a aria-label for the Splitter separator that has the pane as its primary one (the separator that is immediately after the pane).

Parameters

label - System.String

The label text.

Example


             @( Html.Kendo().Splitter()
                     .Name("Splitter")
                     .Panes(panes => {
                          panes.Add()
                                .Label("pane name")
                     })
            )

LabelId(System.String)

The ID of the element that should be used as a label of the current pane. Will be used as a value of the aria-labelledby attribute for the Splitter separator that has the pane as its primary one (the separator that is immediately after the pane).

Parameters

labelId - System.String

The "id" attribute of the label element.

Example


             @( Html.Kendo().Splitter()
                     .Name("Splitter")
                     .Panes(panes => {
                          panes.Add()
                                .LabelId("label_Id")
                     })
            )

In this article
Not finding the help you need?