The Right Way - Admin Template

Default example

Basic navigation can be used everywhere you want and need.

Wrap your navigation list with .navigation container to get basic navigation.

Use li.title for list title and li.openable for dropdown list.

Add .no-icon to link to use element without icon.

Condensed modification

Use navigation--condensed to use condensed navigation.

This example works better inside container without spaces(paddings) and rounded corners.

Quick modification

Use navigation--quick to use simple navigation list without icons.

Simple example of quick navigation list. Supports element.

Minimized navigation

Wrap navigation with .navigation--minimized to use minimized navigation.

All examples supports invert style.

Horizontal navigation

This is horizontal navigation example, also can be used everywhere.

Basicaly the same structure as default navigation. Use .vertical-navigation instead of .navigation to get vertical navigation.

Important! li.title is not alowed.

Supports invert style.

File tree

Basic file tree. Can be used wherever you want. Can be combined with default navigation.

Use li.folder to set list as container for sublevel tree.

Unlimited sublevel supported.

Supports invert style.

Template settings

Use this panel to configure template settings and layout options.

Layout option
Header options
Navigation options
Sidepanel options
Content options