ResponsivePanelTagHelper

Example

Razor
<kendo-responsivepanel>
</kendo-responsivepanel>

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
auto-closeBooleanIf 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.
breakpointDoubleSpecifies the page width at which the widget will be hidden and its toggle button will become visible.
nonceStringSpecifies the nonce attribute that will be set to the inline style injected in the <head> tag containing the dynamic media query styles.
on-closeStringTriggered before the responsive panel is closed. Cancellable.
on-openStringTriggered before the responsive panel is opened. Cancellable.
orientationStringSpecifies the direction from which the hidden element will open up, once the toggle button has been activated. Valid values are "left", "right", and "top".
script-attributesIDictionary<String,Object>
toggle-buttonStringSpecifies the selector for the toggle button that will show and hide the responsive panel.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
as-moduleBoolean
has-client-componentBoolean
sanitize-idBoolean
In this article
ExampleAttributes
Not finding the help you need?
Contact Support