ASP.NET MVC Drawer Overview

The Telerik UI Drawer HtmlHelper for ASP.NET MVC is a server-side wrapper for the Kendo UI Drawer widget.

The Drawer is a dismissible panel used for navigation in responsive web applications or changing the content of a section on a specific page.

• Demo page for the Drawer HtmlHelper

Initializing the Drawer

The following example demonstrates how to define the Drawer.

    @(Html.Kendo().Drawer()
        .Name("drawer")
        .Template(@"

                
First Item
                

                
Second Item
                
Third Item
            
")
        .Mode("push")
        .Position("left")
        .SwipeToOpen(true)
        .Content(@"
Lorem ipsum dolor sit amet consectetur adipisicing elit. Error accusantium odit, optio nulla maiores quo neque fugit debitis dignissimos incidunt maxime?
")
    )

Functionality and Features

• Display modes—The component provides three display modes that allow you to control how the Drawer is displayed on the screen.
• Interaction modes—The Drawer supports the overlay and push interaction modes, and you can determine if it will be rendered on left or right side.
• Templates—With the built-in item templates, you control how the Drawer items are rendered.
• Hierarchy—The Drawer allows you to display hierarchically organized items.
• Events—The Drawer allows you to handle its events and implement custom functionality.
• Expanded—The Drawer can be expanded by default using this setting.

Next Steps

• Getting Started with the Drawer
• Basic Usage of the Drawer HtmlHelper for ASP.NET MVC (Demo)

See Also

• Using the API of the Drawer for ASP.NET MVC (Demo)
• Knowledge Base Section