Do you need Angular, React, Vuejs or HTML? For the next days, you can get our awesome Bundles with 70% discount! 🔥

Vue Light Bootstrap Dashboard PRO

Vue Light Bootstrap Dashboard PRO

Premium Bootstrap 4 Vuejs Admin Template
· 4.90/5 (31 Reviews)

License

407 Downloads
56 Comments
Premium Support
6 months Updates
Release: 1 year ago
Update: 6 months ago

160 Handcrafted Elements

17 Customized Plugins

25 Example Pages

Bootstrap Based

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Vue 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 · 2
  • Examples Pages · 4
  • -
  • -
  • -
What is in PRO Version?
  • Elements · 160
  • Plugins · 17
  • Example Pages · 25
  • + Documentation
  • + SASS Files
  • + Sketch Files
Get Free Demo

We are here to help you!

56 Web Developers commented on this product

Github Docs FAQ Page

Anonymous Tim
  • downloaded
1 year ago

Hello, how do I can add a second sidebar on the right side? Thank you in advanced.

cristi.jora
  • owner

Hello there. Thanks for the interest in the product. It's possible to move the sidebar to the right but for having 2 sidebars, you have to write some css. To be honest, I'm not sure if it's the best user experience to have 2 sidebars and might be confusing. You can always have nested menus in the sidebar or dropdowns similar to the ones in the live demo. If you really need 2 sidebars, you can create a new class for the right sidebar (sidebar-right) and add css for it to move it to right. Then in Dashboard layout you could create a new sidebar with this class. Personally, we didn't test this use case yet but feel free to open an issue with more details if it doesn't work.
1 year ago

jaeheewang
  • downloaded
1 year ago

is it required jquery?

cristi.jora
  • owner

Hi @jaeheewang Thanks for asking. We tried to use jquery as less as possible but there are 2 plugins in the dashboard that use it: Calendar and World map. The jquery dependency is only locally used in those components. If you don't use them, you could easily remove the jquery dependency.
1 year ago

chadandstedt
  • downloaded
1 year ago

Is it possible to have the sidebar minimized by default?

cristi.jora
  • owner

Hello @chadandstedt It is possible to have in minimized. The sidebar is actually a plugin which exposes some methods via $sidebar object. You can add this line in your App.vue (mounted method) this.$sidebar.toggleMinimize(); which will make the sidebar minimized by default when you open the app. Hope this helps
1 year ago

cristi.jora
  • owner

If you don't like that the sidebar is minimizing on page load you could also add this css class in index.html on the body 'sidebar-mini'. This way you don't even have to call the method from above ($sidebar.toggleMinimize)
1 year ago

chadandstedt
  • downloaded
1 year ago

That worked great. Thanks!

chadandstedt
  • downloaded
1 year ago

Is there an easy way to remove the footer completely?

cristi.jora
  • owner

Yes. Go to DashboardLayout.vue and remove <content-footer> tag from there. On the login/register pages it's in AuthLayout component as simple html.
1 year ago

chadandstedt
  • downloaded
1 year ago

It looks like it is still showing the footer css. The color is different than the main content area.

cristi.jora
  • owner

Can you please open an issue with a screenshot @ chadandstedt ? By removing the content-footer, main content seems fine.
1 year ago

byandrewdavis
  • downloaded
1 year ago

I seem to have an issue with the table data z-index being higher than the sidebar as well as any "fixed" column. to replicate, collapse sidebar, make tables window smaller and mouseover the sidebar menu. you will see the TD is on top of the sidebar.

byandrewdavis
  • downloaded
1 year ago

it seems related to the assets/sass/lbd/element_tables.scss that does Element UI overrides. Line 8. Obviously I could change this, but it was added for a reason

cristi.jora
  • owner

Thanks for reporting @byandrewdavis Looked over the issue but cannot access the screenshots posted there. Can you verify that the google drive links are correct ? Thanks in advance.
1 year ago

renseijen
  • downloaded
1 year ago

Will you be implementing a dropdown component for the main search bar?

cristi.jora
  • owner

Hello @renseijen There is a dropdown in the TopNavbar. Can you detail a bit more what dropdown you'd like to have ?
1 year ago

qiandradev 1 year ago

Halo , i already bought this product . but cannot found in download / where to download this product . Please help me

alexpaduraru
  • downloaded

@qiandradev did you receive the order receipt email from us? It has a Download button there, also it should be on your account. Please send me your email and Order ID on [email protected] and I will check that for you. Best, Alex
1 year ago

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