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

Light Bootstrap Dashboard Pro

Premium Bootstrap Admin Template
· 4.80/5 (50 Reviews)
948 Downloads
99 Comments
Premium Support
Lifetime Updates
Release: 1 year ago
Update: 6 months 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!

99 Web Developers commented on this product

Report issue

tarcisio.angelo
  • downloaded
4 months ago

When will print it does not respect borders and is broken

axelut
  • owner

@tarcisio.angelo thank you for using our product. Sorry for the late response, we responded on Github for this: https://github.com/timcreative/light-bootstrap-dashboard-pro/issues/8#issuecomment-249925922 let's talk there till you get it working. Best, Alex!
4 months ago

vova.mail 4 months ago

How to add active link and class="in" if url is active ``` $(function(){ var url = window.location.pathname; var activePage = url.substring(url.lastIndexOf('/')+1); $('div.sidebar-wrapper ul.nav li a').each(function(){ var currentPage = this.href.substring(this.href.lastIndexOf('/')+1); if (activePage == currentPage) { $(this).parent().addClass('active'); } $('div.sidebar-wrapper ul.nav li div.collapse ul.nav li a').each(function(){ var currentPage = this.href.substring(this.href.lastIndexOf('/')+1); if (activePage == currentPage) { $(this).parent('div.collapse').addClass('in'); } }); }); }) </script> ```

axelut
  • owner

@vova.mail We made some extra additions in your code, you can see it here: https://github.com/timcreative/light-bootstrap-dashboard-pro/issues/12 everything will work fine after you add that. All the best, Alex!
4 months ago

kontakt4v8
  • downloaded
4 months ago

@axelut I'm also having a problem with the active class. It doesn't work when there is a collapsable menu. After page reload the menu seems to be hidden.

vova.mail

kontakt4v8 i help you vova.mail@mail.ru or telegram @deamonik
4 months ago

axelut
  • owner

@kontakt4v8 if you still have problems please check the solution that we have here: https://github.com/timcreative/light-bootstrap-dashboard-pro/issues/12 it will automatically add the active classes to the current link and to his parents and also open the collapse. Best, Alex!
4 months ago

zulkanuar 4 months ago

Beautiful template. Need to confirm whether this has modal form included. Thanks!

axelut
  • owner

Anonymous Tim thank you for the kind words! We are glad that you like it. Yes, the modal is included, you can find an example at the bottom of this page: http://demos.creative-tim.com/light-bootstrap-dashboard-pro/examples/components/notifications.html Please let us know if we can help you with anything else. Best, Alex!
4 months ago

hackrosb1 4 months ago

Hey! Great work, I was testing the free version and i like it very much. I also was wondering if the PRO version is compatible with angular 2, if So, you get a new customer here ;), Let me now if i can use this template with angular2

axelut
  • owner

@hackrosb1 thank you for using our product. We are glad that you like it. At this moment the product is built using some jQuery functions which need to be manually called from Angular 2 directives. We have in plan to support 100% Angular 2 starting with the end of this year. So we recommend you to try to integrate the Free version with Angular 2 and see how that is working and if everything is working smooth then you can purchase the PRO version. Here is an example on how to call jQuery functions from Angular directives: http://stackoverflow.com/questions/22714286/call-jquery-function-from-angularjs-controller Hope this information helps you. Best, Alex!
4 months ago

zezelazo
  • downloaded
4 months ago

Right now im using it and I love it but im having troubles to load the Pe-icon-7 fonts im using it in aurelia app and it allways give me a 404 when it try to load the http://localhost:9000/fonts/Pe-icon-7-stroke.woff?d7yf1v form a bundle

axelut
  • owner

@zezelazo thank you for using our product. We are glad that you found a solution so fast! Please let us know if we can help you with anything else. All the best, Alex!
4 months ago

zezelazo
  • downloaded

I found the solution editing the path to the font files in in the font css :)
4 months ago

lucas.almeida.marciano
  • downloaded
3 months ago

Hi, do you have another form of payment, unless PayPal? Why is my PayPal account is locked and I do not really know why

axelut
  • owner

@lucas.almeida.marciano thank you for your interest in our product. At this moment we have Paypal and Credit Card as possible ways to purchase. Can you please try to use a credit card and let us know if everything was working fine? Best, Alex!
3 months ago

lucas.almeida.marciano
  • downloaded

@axelut , I tried both, but the credit card when I select Brazil, the form disappears and directs me to PayPal
3 months ago

axelut
  • owner

@lucas.almeida.marciano that is very weird. I've checked and you're right, the form is moving to Paypal when you select Brazil. We will contact the vendor to see what is wrong there. We added the product as a temporary order for your account so you can work with it till we fix this situation. Check your dashboard and let us know if everything is fine. Best, Alex!
3 months ago

lucas.almeida.marciano
  • downloaded

ok @axelut, tks very much
3 months ago

axelut
  • owner

@lucas.almeida.marciano Hi! It seems like our Payment Vendor just fixed the issue with Brazil selection. Now you have 4 options of payment when you choose Brazil (Visa/Mastercard, Paypal, Elo Card or HiperCard). Hope this will help you finish the purchase. Best, Alex!
3 months ago

lucas.almeida.marciano
  • downloaded

Hi @axelut , I got it! I buy the template! Tks!
3 months ago

axelut
  • owner

@lucas.almeida.marciano that's great! Thank you! Please let us know if you have any feedback. Best, Alex!
3 months ago

lucas.almeida.marciano
  • downloaded
3 months ago

Hi, @axelut its me again :D ! this template has the input type file?

axelut
  • owner

@lucas.almeida.marciano LBD Pro has the default input type file, we didn't change the design on it. We recommend you to add Jasny for the input type file: http://www.jasny.net/bootstrap/javascript/#fileinput it is looking very good and will work smooth with LBD Pro. Please let us know how the things were going! Best, Alex!
3 months ago

kontakt4v8
  • downloaded
3 months ago

Hi, small question. I would like to stop using; Pe-icon-7-stroke.woff, and change all to font awesome, due to speed issues and font loading. ANy help which places, and what needs to be changed? I've found things like: .dropdown-with-icons .dropdown-menu i[class^="pe-"] { And can't really find the place that calls to load pe-icon, any ideas?

axelut
  • owner

@kontakt4v8 got it, so to remove the font first you need to remove the CSS line: <link href="../assets/css/pe-icon-7-stroke.css" rel="stylesheet" /> from your pages, and anything that is in the folder "assets/fonts". Then you can search for '"pe-"' inside assets/css/light-bootstrap-dashboard.css there will be 3 places that have small adjustments for the big icons and everything is clean for the pe-icon-7 icons. Please let us know how the things are going. If you want please send us a link to your app so we can check how the product is looking with Font Awesome instead of pe-icon-7 and we will give you some ideas on how to choose the font sizes in order to keep a good lookin design. Best, Alex!
3 months ago

mikewj9 3 months ago

Can the personal licence be used for one website serving several clients?

axelut
  • owner

@mikewj9 thank you for your interest in our product. If the website is your personal website/startup or a client's website and the users don't pay for using it yes, you can use the Personal. If your users pay for using the Dashboard inside your website or if it is a SaaS you need a Developer License. Can you please give us more details about what you build and we will see how we can help you with the right license. Best, Alex!
3 months ago

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

Why our customers appreciate us

Other

Very friendly, well written code. I enjoyed building an MVP with this template.

Design Quality

Design Quality

great