Control Sidebar Plugin

The control sidebar component is part of AdminLTE's layout as the right sidebar.

Usage

This plugin can be activated using the data-api or jQuery. To activate the plugin, you must first add the HTML markup to your layout, then create the toggle button as shown below.

HTML Markup

Data Api

Add data-toggle="control-sidebar" to any button or a element to activate the plugin. All options can be passed using the data api. Example: data-slide="false".

jQuery

Just like all other AdminLTE plugins, you can also activate the toggle button using jQuery by running the following example.

Options

Name Type Default Description
Slide Boolean true Whether the sidebar should slide over the content or push the content to make space for itself.

Events

Name Description
expanded.controlsidebar Triggered after the control sidebar is expanded.
collapsed.controlsidebar Triggered after the control sidebar is collapsed.

Example: $('#toggle-button').on('expanded.controlsidebar', handleExpandedEvent)

PREMIUM TEMPLATE
MaterialPro

MaterialPro ─ $35

Material Bootstrap 4 Admin Template

Preview Buy Now

12+ purchases