The first 100 people that buy one product, will get another one for free.

Light Bootstrap Dashboard Pro

Light Bootstrap Dashboard Pro

Premium Bootstrap 4 Admin Template
· 4.80/5 (182 Reviews)

License

2,263 Downloads
209 Comments
Premium Support
6 months Updates
Release: 3 years ago
Update: 1 year ago

120 Handcrafted Elements

15 Customized Plugins

4 Example Pages

Bootstrap Based

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Light Bootstrap Dashboard Pro in the light demo version. It has features from the full version. We hope you will like this introduction to this product!

What is in Demo?
  • Elements · 16
  • Plugins · 4
  • Examples Pages · 4
  • -
  • -
  • -
What is in PRO Version?
  • Elements · 120
  • Plugins · 15
  • Example Pages · 4
  • + Documentation
  • + SASS Files
  • + Sketch Files
Get Free Demo

We are here to help you!

209 Web Developers commented on this product

Github Docs FAQ Page

mohdidzrin
  • downloaded
1 year ago

Hi. How to set sidebar to mini size by default? Currently when the dashboard is loaded, the sidebar will be in fullsize, so I wanted it to be in minisize when loaded. Anyone can help me here?

moldovanst
  • owner

Hello @mohdidzrin , you have to set the class "sidebar-mini" to the <body> tag.
1 year ago

mohdidzrin
  • downloaded

@moldovanst . Thank you so much
1 year ago

gerhardimpler
  • downloaded
1 year ago

Hi, we have purchased Light Bootstrap Dashboard . Now struggling with datatables selected rows, which are not highlighted. Is there a css class missing?

moldovanst
  • owner

Hello @gerhardimpler , thank you for using our products, please have in mind this example: https://datatables.net/examples/api/select_single_row.html, we'll also update the plugin in the next update. All the best, Stefan
1 year ago

raphaelcandello 1 year ago

Cant use Switches to minimize sidebar... The "$('#minimizeSidebar').click(function()" only works with the <button> tag. What is the event handler for this SWITCH? Couldnt find in the documentation :(

moldovanst
  • owner

Hello @raphaelcandello , thank you for using our products, please download this file with the switch handler to minimize the sidebar: https://www.dropbox.com/s/rwkgp1mkzul8v5q/switch.js?dl=0 and integrate it into your project. Best, Stefan
1 year ago

raphaelcandello 1 year ago

Amazing! Thank you @moldovanst. Its an awesome dashboard :)

moldovanst
  • owner

Glad to hear that it works. All the best !
1 year ago

sodaubai
  • downloaded
1 year ago

Amazing template. Thanks to team :)

moldovanst
  • owner

Hello @sodaubai , thank you for using our products and for the good thoughts. All the best, Stefan
1 year ago

mohdidzrin
  • downloaded
1 year ago

Hi, can someone help me with selectpicker? How to change the hover and selected background color for it? Right now it kinda dark and the text changing to white. I wanted the background to be more light grey and the text still in black color

moldovanst
  • owner

Hello @mohdidzrin , thank you for using our products, please go to 'assets/sass/lbd/plugins/_datetime-picker.scss' from line 347. All the best, Stefan
1 year ago

raphaelcandello 1 year ago

Hello again :) Is there a way to use your dropdown as dropup or dropright? Thank you!

moldovanst
  • owner

Hello @raphaelcandello , you can use the dropup by set for the main div the "dropup" class. Best, Stefan
1 year ago

raphaelcandello

That's good. Actually Im using a "dropup" in the bottom of the page, as since by default the itens are "visibility: hidden" it took space in the dom. I changed it to "display: none" and "display:block" and it fixed, no more overflow.
1 year ago

mumud.halimudin
  • downloaded
1 year ago

Hi, can I create multi level menu like admin LTE with Light Bootstrap Dashboard Pro? If can, how to make it... Thanks ;)

moldovanst
  • owner

Hello @mumud.halimudin , thank you for using our products, please give us more details about the multi-level menu: do you want it in the sidebar, or you want a dropdown that has more levels? Best, Stefan
11 months ago

ssmusoke
  • downloaded
11 months ago

What styling approach can I use to have some pages without the side bar (these will be my public application pages) and some pages with a sidebar (internal secured pages)

moldovanst
  • owner

Hello @ssmusoke , thank you for using our products, you can have in mind the design (without the sidebar) for the Login Page: https://demos.creative-tim.com/light-bootstrap-dashboard-pro/examples/pages/login.html and make the changes to look as you wish. Please let us know if we can help you with anything else. Best, Stefan
11 months ago

ssmusoke
  • downloaded
11 months ago

@moldovanst Thanks, however I am going to have internal pages which do have the side bar - so how do I reconcile the two designs. How can I style so that I can hide the sidebar in one and not another - since just removing the sidebar leaves a space on the left hand side.

moldovanst
  • owner

For the pages that you want to have the sidebar, leave it like this and for those that you want to be full-width please set for the main <div> this classes: "wrapper wrapper-full-page" and for its child, you have to set "full-page" class. Please send us a link to your product to make the changes if you can't make it. All the best, Stefan
11 months ago

You have to be logged in to post a comment. Login here.