Vue Light Bootstrap Dashboard PRO

Vue Light Bootstrap Dashboard PRO

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

License

335 Downloads
50 Comments
Premium Support
6 months Updates
Release: 11 months ago
Update: 9 months ago

160 Handcrafted Components

17 Customized Plugins

25 Example Pages

Bootstrap Based

Documentation

Fully Responsive

Product certified by: Creative Tim

We are here to help you!

50 Web Developers commented on this product

Report issue

Anonymous Tim
  • downloaded
10 months 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.
10 months ago

jaeheewang
  • downloaded
10 months 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.
10 months ago

chadandstedt
  • downloaded
10 months 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
10 months 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)
10 months ago

chadandstedt
  • downloaded
10 months ago

That worked great. Thanks!

chadandstedt
  • downloaded
10 months 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.
10 months ago

chadandstedt
  • downloaded
10 months 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.
10 months ago

byandrewdavis
  • downloaded
10 months 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
10 months 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.
10 months ago

renseijen
  • downloaded
10 months 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 ?
10 months ago

qiandradev 10 months 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
10 months ago

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