Light Bootstrap Dashboard Pro
Icon html
Icon sass
Icon sketch
Icon bootstrap

Light Bootstrap Dashboard Pro

Premium Bootstrap Admin Template
· 4.80/5 (82 Reviews)
1,217 Downloads
124 Comments
Premium Support
Lifetime Updates
Release: 1 year ago
Update: 12 days ago
Icon html
Icon sass
Icon sketch
Icon bootstrap

120 Handcrafted Components

15 Customized Plugins

24 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?
  • Components · 16
  • Plugins · 4
  • Examples Pages · 4
  • -
  • -
  • -
What is in PRO Version?
  • Components · 120
  • Plugins · 15
  • Example Pages · 24
  • + Documentation
  • + SASS Files
  • + Sketch Files
Get Free Demo
Opt lbd thumbnail

We are here to help you!

124 Web Developers commented on this product

Report issue

purnachandra.valluri 1 year ago

Nice job. I have problem working with daterangepicker https://github.com/chervand/yii-bootstrap-daterangepicker Can you help me please?

axelut
  • owner

Anonymous Tim can you give us more details about the problem?
1 year ago

purnachandra.valluri 1 year ago

when I am using light-bootstrap-dashboard.css, for my admin layout, the date range picker (from the above mentioned link) does not show up. Otherwise, it works fine.

axelut
  • owner

It looks like you are using the Free Version. Can you please go light-bootstrap-dashboard.css on line 1702 and change the ".dropdown-menu" with ".dropdown .dropdown-menu" and the line 1715 ".open .dropdown-menu" with ".dropdown.open .dropdown-menu" and let us know if that is working fine?
1 year ago

jfox454
  • downloaded
1 year ago

Hi, when I run the light-bootstrap-dashboard.css from the LBD Pro through the css level 3 validator http://jigsaw.w3.org/css-validator/validator it fails validation with a number of errors. Can you advise if these errors can be safely ignored? Also are you able to provide minified versions of light-bootstrap-dashboard.css and pe-icon-7-stroke.css as these are not included in the download

axelut
  • owner

@jfox454 we are glad that you use our product. Thank you for the feedback, we will check the CSS3 validation and see what are the recommendations that they give us and we will implement them. We are using Sass for the compilation of the CSS so it is working fine on all browsers. For the minified version you can use this website: https://cssminifier.com/. We will make sure in the future to include also the minified versions of CSS/JS. If there is something more that we can help you don't hesitate to contact us.
1 year ago

braydengirard
  • downloaded
1 year ago

Hello, love the theme. Is there a settings page and profile (not edit view) available in the premium version? What all comes extra with premium I cant really tell from the demo. Also if I purchase the personal premium theme is their an option to upgrade to developer in the future? Thanks

axelut
  • owner

@braydengirard we are glad that you love our product :D. At this moment there is only the edit page available because we wanted to wait for people to get the product then to get feedback on what are the future updates that we should do. So based on that feedback we will create other pages. The premium version has about 120 components (free has 16), it has 15 plugins (free has 4) and example pages like "Login", "Lock Screen", "Register" etc. There is also the Left Navigation Menu with 2 levels, Sketch Files for fast prototyping, Full Documentation on all components and it was built over SASS. If you get the personal license then we will find a way for you to upgrade it to developer. The live preview of those items is here: http://bit.ly/1QEpNq9. If there is something else that we can help you with, please contact us. Best, Alex!
1 year ago

jas.mathur
  • downloaded
1 year ago

Hi, I bought this yesterday and doesn't seem to have 1. Fonts used in sketch Also we require PSDs. POSSIBLE? please. we bought this for 69$ and we want to use it. Help Us Please! Thanks, Jas

axelut
  • owner

@jas.mathur thank you for being our customer. We checked and we added the fonts for Sketch, the update is v1.1.1 and can be downloaded from your dashboard. Unfortunately, Light Bootstrap Dashboard wasn't designed in Photoshop, it was made based on Sketch. If there will be more requests for Photoshop we will create also that version. If there is something else that we can help you with, please contact us. Best, Alex!
1 year ago

lefik
  • downloaded

@axelut Hi, yes I also need PSD version. Is it possible?
1 year ago

tore.jacobsen
  • downloaded
1 year ago

Hi, I can't get Sweetalert to work properly. Setting the 'confirmButtonColor' and 'cancelButtonColor' doesn't work. The buttons are shown with default colors. - tore -

axelut
  • owner

@tore.jacobsen thank you for using our product. We added our CSS classes in the default buttons settings for the design consistency of the buttons. You can deactivate this and use your own colors if you go to assets/js/sweetalert2.js and replace on line 27 this "confirmButtonClass: 'btn btn-info btn-fill'," with "confirmButtonClass: ''," for the confirm button. And on line 30 please change "cancelButtonClass: 'btn btn-danger btn-fill'," with "cancelButtonClass: '',". Then you can set the cancelButtonColor and everything will work fine. Best, Alex!
1 year ago

nblake989
  • downloaded
1 year ago

Hey Alex, I'm having problems with validation on checkboxes now that use the updated checkbox toggle. Since the input is no longer used and the label acts as change, it sounds like I need a way to validate the presence of the class "checked". <label class="checkbox"> -then becomes <label class="checkbox checked"> -but the actual <input> tags are never updated and -Complete input block <label class="checkbox"> <input name="user[terms]" type="hidden" value="0"> <span class="icons"> <span class="first-icon fa fa-square-o"></span> <span class="second-icon fa fa-check-square-o"></span> </span> <input as="boolean" data-toggle="checkbox" type="checkbox" value="1" name="user[terms]" id="user_terms"> I agree to the Terms and Conditions </label> The rest of my form validates except for the checkbox with: rules: { "user[terms]": {required: true} } How should I be validating the checkbox?

axelut
  • owner

@nblake989 hi, I've cheked your situation and it looks like you need to make some small adjustments to the CSS, right now the Javascript for the validation cannot find the old input because it has the display:none property. Please go to light-bootstrap-dashboard.css and look for ".checkbox input" it's around line 4811 and change all those properties with these: ".checkbox input, .radio input { outline: none !important; opacity: 0; margin-left: -9999px; position: absolute; }" Then immediately after those rules please write these: ".checkbox label.error, .radio label.error{ position: absolute; top: 15px; left: 5px; }". This is the syle for the error message that will appear. We tested this and the validation went through without any problems. Please let me know if that was working fine for you too. Best, Alex!
1 year ago

donlivingston
  • downloaded
1 year ago

Is there a plan to include Ruby on Rails-specific files (layouts, changes to asset paths, generators, etc.) for LBDP in the near future like was done with GSD?

axelut
  • owner

@donlivingston thank you for using our product. At this moment we don't have any plans for Rails Gems based on LBD Pro, if there will be more requests for this gem we will create that version too. At this moment one collaborator is converting LBD Free to Refinery: http://www.refinerycms.com/. Hope this information helps you. Best, Alex!
1 year ago

rodrigo.abt
  • downloaded
1 year ago

Hi @axelut. First of all, thanks for this wonderful product. I'm loving it!. I have little issue: I'm developing an app using Yeoman + Gulp + Angular combo. So far it shows everything ok except for a sidebar image. When I use data-image="assets/img/sidebar-4.jpg" nothing happens, but when I use an inline style it goes ok: style="background-image: url('assets/img/sidebar-4.jpg')".

axelut
  • owner

Anonymous Tim thank you for the kind words! Can you please send us a link to your product? Or can you please check the javascript console and let us know if you get any message there? Keep in touch, Alex!
1 year ago

rodrigo.abt
  • downloaded
1 year ago

I'm developing local so far. I checked the console and there are no errors or warnings. The url is ok, otherwise the inline style would not work. Is LBDP using a javascript function to convert that data-image attribute?

axelut
  • owner

Anonymous Tim yes, there is a function in assets/js/light-bootstrap-dashboard.js line 28: lbd.checkSidebarImage();. That is verifying if the user added an image or not. Maybe you should make sure the Angular Controller is calling that function? Please let me know if it is ok.
1 year ago

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

Why our customers appreciate us

Design Quality

Design Quality

This design has a 10/10 quality. The first product I bought at Creative Tim and I still love it.

Design Quality

It's awesome. 10/10 would use again.