📂

Sidemenu Starter

NavigationDrawerHeader

A slide-out navigation drawer paired with a top header and a main content area. Ideal for apps with more sections than a tab bar can hold — settings, account, multiple lists and beyond. The drawer toggles open with the header's menu button.

▶ Open live demo Use this template

The demo is the real starter, running straight from templates/sidemenu/ — open the menu to switch pages.

What's included

✓

Slide-out drawer with a menu list you can extend freely.

✓

App header with a hamburger button and page title.

✓

Backdrop & tap-to-close behaviour for the open drawer.

✓

DedrisFramework components and dedris.css pre-linked.

Use this template

terminal

cordova create myApp com.dedris.myapp MyApp --template cordova-template-dedris-sidemenu
cd myApp
cordova run android

Project structure

www/ ├── index.html # header + drawer + content ├── css/dedris.css # DedrisFramework styles ├── js/app.js # drawer open/close logic └── pages/ ├── dashboard.html ├── account.html └── settings.html

Toggling the drawer

www/js/app.js

function toggleMenu() {
  document.body.classList.toggle("menu-open");
}

← All templates Start building

☰ Dashboard

Slide-out drawer preview