Sidebar

JavaScript Sidebar Navigation Menu

JavaScript Sidebar Menu

You can use dhtmlxSidebar as an individual component or as a part of dhtmlxSuite

Product Features

  • Cross-browser compatibility
  • Full control with JavaScript API
  • Custom templates
  • Easy initialization
  • Bubbles
  • Fully customizable
  • Single-cell mode
  • 4 predefined skins including Material Design
  • XML, JSON support
  • Full-screen mode (the sidebar takes the entire browser window space)

Live Demo

Template:
Details
Tiles
Icons
Icons/Text
Text
Custom
Vertical navigation menu for your app
dhtmlxSidebar is a handy JavaScript vertical navigation menu. You can place any items into Sidebar and attach other DHTMLX components to it. By selecting an item in the Sidebar, you can view its content in the right part of the component.
Cross-browser control that can be integrated with other DHTMLX components
dhtmlxSidebar represents easily-customized vertical navigation menu. The component perfectly works in all major browsers (Chrome, FF, Safari, IE, Opera). The sidebar widget can be used both as a stand-alone component for building web and mobile apps, and can be integrated with other DHTMLX components in just one command.
5 predefined templates, 4 ready skins
There are 5 predefined templates (details, tiles, icons, icons_text, text) for displaying the elements of items, and you can also easily create your own custom template. The skin of dhtmlxSidebar can be chosen from 4 predefined skins or generated by means of our online Skin Builder.

Editions and Licenses

Standard GNU GPL v2
Free under GPL
  • Use in unlimited projects
  • Forum support
  • Minor and Major updates
Standard Commercial license
$49
up to 5 developers
  • Use in one project
  • Standard ticket support
  • 1 month of updates (minor, major, bugfixes)
Favorable terms
for companies
Standard Enterprise license
$99
per company
  • Use in unlimited projects
  • Premium ticket support
  • 12 months of updates (minor, major, bugfixes)

Support & Learning Resources

Technical samples

All Sidebar features are accompanied by an online sample

Ticket support

Create a support request and get fast and qualified help from our support/development team.

Documentation

Our detailed documentation can learn how to use Sidebar and effectively implement it in your own applications. It provides the detailed information regarding each aspect of the widget.

Community forum

If you don't have an active support subscription, you are welcome to post your technical questions to our forum. It's moderated by our official support team.

Need help with dhtmlxSidebar integration into your app? Contact us