ResponsivePanelBuilder
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.
Example
@( Html.Kendo().ResponsivePanel()
.Name("sidebar")
.Content("<strong> First Item Content</strong>")
)
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.
Example
@( Html.Kendo().ResponsivePanel()
.Name("sidebar")
.AutoClose(false)
.Content("<strong> First Item Content</strong>")
)
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.
Example
@( Html.Kendo().ResponsivePanel()
.Name("sidebar")
.Breakpoint(1000)
.Content("<strong> First Item Content</strong>")
)
Nonce(System.String)
Specifies the nonce attribute that will be set to the inline style injected in the <head> tag containing the dynamic media query styles.
Parameters
value - System.String
The value that configures the nonce.
Example
@( Html.Kendo().ResponsivePanel()
.Name("sidebar")
.Nonce("nonce")
.Content("<strong> First Item Content</strong>")
)
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.
Example
@( Html.Kendo().ResponsivePanel()
.Name("sidebar")
.ToggleButton("Toggle")
.Content("<strong> First Item Content</strong>")
)
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.
Example
@( Html.Kendo().ResponsivePanel()
.Name("sidebar")
.Orientation(ResponsivePanelOrientation.Right)
.Content("<strong> First Item Content</strong>")
)
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
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>
AsModule(System.Boolean)
Specifies whether the initialization script of the component will be rendered as a JavaScript module.
Parameters
value - System.Boolean
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();
)
ScriptAttributes(System.Object,System.Boolean)
Sets the JavaScript attributes to the initialization script.
Parameters
attributes - System.Object
The JavaScript attributes.
overrideAttributes - System.Boolean
Argument which determines whether attributes should be overriden.
ScriptAttributes(System.Collections.Generic.IDictionary,System.Boolean)
Sets the JavaScript attributes to the initialization script.
Parameters
attributes - System.Collections.Generic.IDictionary<String,Object>
The JavaScript attributes.
overrideAttributes - System.Boolean
Argument which determines whether attributes should be overriden.