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

ResponsivePanelBuilder

Class

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

Definition

Namespace:Kendo.Mvc.UI.Fluent

Assembly:Kendo.Mvc.dll

Syntax:

public class ResponsivePanelBuilder : WidgetBuilderBase<ResponsivePanel, ResponsivePanelBuilder>, IHtmlString

Inheritance: objectWidgetBuilderBase<ResponsivePanel, ResponsivePanelBuilder>ResponsivePanelBuilder

Implements: IHtmlString

Constructors

ResponsivePanelBuilder(ResponsivePanel)

Initializes a new instance of the ResponsivePanel class.

public ResponsivePanelBuilder(ResponsivePanel component)

Parameters:componentResponsivePanel

The component.

Methods

AutoClose(bool)

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.

public ResponsivePanelBuilder AutoClose(bool value)

Parameters:valuebool

The value that configures the autoclose.

Returns:

ResponsivePanelBuilder

Example:

@( Html.Kendo().ResponsivePanel()
.Name("sidebar")
.AutoClose(false)
.Content("&lt;strong&gt; First Item Content&lt;/strong&gt;")
)

Breakpoint(double)

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

public ResponsivePanelBuilder Breakpoint(double value)

Parameters:valuedouble

The value that configures the breakpoint.

Returns:

ResponsivePanelBuilder

Example:

@( Html.Kendo().ResponsivePanel()
.Name("sidebar")
.Breakpoint(1000)
.Content("&lt;strong&gt; First Item Content&lt;/strong&gt;")
)

Content(Action)

Sets the HTML content which the panel will hide.

public ResponsivePanelBuilder Content(Action value)

Parameters:valueAction

The action which renders the content.

Returns:

ResponsivePanelBuilder

Example:

@( Html.Kendo().ResponsivePanel()
.Name("sidebar")
.Content(() =&gt;
{
)
&lt;strong&gt;Panel content&lt;/strong&gt;
(
})
)

Content(Func<object, object>)

Sets the HTML content which the panel will hide

public ResponsivePanelBuilder Content(Func<object, object> value)

Parameters:valueFunc<object, object>

The Razor inline template

Returns:

ResponsivePanelBuilder

Example:

@(Html.Kendo().ResponsivePanel()
.Name("sidebar")
.Content(@&lt;strong&gt; Hello World!&lt;/strong&gt;))

Content(string)

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

public ResponsivePanelBuilder Content(string value)

Parameters:valuestring

The action which renders the content.

Returns:

ResponsivePanelBuilder

Example:

@( Html.Kendo().ResponsivePanel()
.Name("sidebar")
.Content("&lt;strong&gt; First Item Content&lt;/strong&gt;")
)

Events(Action<ResponsivePanelEventBuilder>)

Configures the client-side events.

public ResponsivePanelBuilder Events(Action<ResponsivePanelEventBuilder> configurator)

Parameters:configuratorAction<ResponsivePanelEventBuilder>

The client events action.

Returns:

ResponsivePanelBuilder

Example:

@( Html.Kendo().ResponsivePanel()
.Name("ResponsivePanel")
.Events(events =&gt; events
.Close("onClose")
)
)

Nonce(string)

Specifies the nonce attribute that will be set to the inline style injected in the <head> tag containing the dynamic media query styles.

public ResponsivePanelBuilder Nonce(string value)

Parameters:valuestring

The value that configures the nonce.

Returns:

ResponsivePanelBuilder

Example:

@( Html.Kendo().ResponsivePanel()
.Name("sidebar")
.Nonce("nonce")
.Content("&lt;strong&gt; First Item Content&lt;/strong&gt;")
)

Orientation(ResponsivePanelOrientation)

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

public ResponsivePanelBuilder Orientation(ResponsivePanelOrientation value)

Parameters:valueResponsivePanelOrientation

The value that configures the orientation.

Returns:

ResponsivePanelBuilder

Example:

@( Html.Kendo().ResponsivePanel()
.Name("sidebar")
.Orientation(ResponsivePanelOrientation.Right)
.Content("&lt;strong&gt; First Item Content&lt;/strong&gt;")
)

Orientation(string)

public ResponsivePanelBuilder Orientation(string value)

Parameters:valuestringReturns:

ResponsivePanelBuilder

ToggleButton(string)

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

public ResponsivePanelBuilder ToggleButton(string value)

Parameters:valuestring

The value that configures the togglebutton.

Returns:

ResponsivePanelBuilder

Example:

@( Html.Kendo().ResponsivePanel()
.Name("sidebar")
.ToggleButton("Toggle")
.Content("&lt;strong&gt; First Item Content&lt;/strong&gt;")
)