Skip to main content

kendoDrawer

Namespace: Wisej.Web.Ext.Kendo

Assembly: Wisej.Web.Ext.Kendo (4.1.0.0)

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

public class kendoDrawer : kendoBase

Constructors​

Instance member kendoDrawer()​

Constructs a new instance of the kendoDrawer class.

Example:

The following example creates a drawer and defines its items through the Options property.

var drawer = new kendoDrawer();
drawer.Options.mode = "push";
drawer.Options.template =
"<ul>" +
"<li data-role='drawer-item'><span class='k-item-text'>Inbox</span></li>" +
"<li data-role='drawer-item'><span class='k-item-text'>Calendar</span></li>" +
"</ul>";
drawer.Dock = DockStyle.Fill;
this.Controls.Add(drawer);

Instance member kendoDrawer(options)​

Constructs a new instance of the kendoDrawer class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a drawer that slides over the content from the right side and opens it by calling the show function of the Kendo UI widget.

var drawer = new kendoDrawer(new
{
mode = "overlay",
position = "right",
template =
"<ul>" +
"<li data-role='drawer-item'><span class='k-item-text'>Profile</span></li>" +
"<li data-role='drawer-item'><span class='k-item-text'>Settings</span></li>" +
"</ul>"
});
drawer.Dock = DockStyle.Fill;
this.Controls.Add(drawer);

drawer.Instance.show();

Implements​