DrawerTagHelper

Example

Razor

<kendo-drawer>
    <content></content>
    <items-template></items-template>
    <mini></mini>
</kendo-drawer>

ChildTags

Tag Name	Details
content	DrawerContentTagHelper
items-template	TemplateTagHelper
mini	DrawerMiniSettingsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
auto-collapse	Boolean	Specifies if the Drawer will be automatically collapsed when an item is clicked.
expanded	Boolean	Specifies if the Drawer will be expanded by default.
min-height	Double	Specifies the minimum height for the drawer in push mode. The overlay mode takes 100% of the page height.
mode	String	Determines how the Kendo UI Drawer will interact with the associated content. The default one (overlay) will simply overlap the associated content with overlay effect. On the other hand "push" mode will show the drawer next to associated cotent. The associated content will shrink its content.
navigatable	Boolean	If set to true the use could navigate the widget using the keyboard navigation. By default keyboard navigation is disabled.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
on-hide	String	The name of the JavaScript function that will handle the hide event. Fired when the Kendo UI Drawer is about to be hidden. The event can be prevented by calling the preventDefault method of the event parameter.
on-item-click	String	The name of the JavaScript function that will handle the itemClick event. Fires when user clicks on item from the Kendo UI Drawer.
on-show	String	The name of the JavaScript function that will handle the show event. Fires before the Kendo UI Drawer is revealed. The event can be prevented by calling the preventDefault method of the event parameter.
position	String	The position of the drawer. Can be left (default) or right.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
swipe-to-open	Boolean	If set to false, swiping the associated content will not activate the drawer. In this case, the drawer will only be open by calling the show method. should be disabled for browsers, which use side swiping gestures for back/forward navigation, such as iOS Safari. Otherwise, users should swipe from an inner part of the view, and not from the view edge.
template	String	Represents a collection of templates defined for the component.
template-handler	String	Specifies the drawer's content. This option expects the name of a JavaScript function that will be called to return the template.
template-id	String	Specifies the drawer's content. This option expects the ID of the script element that contains the template.
template-view	IHtmlContent	Specifies the drawer's content. This option expects the instance containing the created HTML.
width	Double	Defines a specific width for the Kendo UI Drawer when expanded.