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")
})
)