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

Vue Black Dashboard Pro

Vue Black Dashboard Pro

Premium Bootstrap 4 Vuejs Admin Template
· 5.00/5 (21 Reviews)

License

217 Downloads
20 Comments
Premium Support
6 months Updates
Release: 9 months ago
Update: 20 days ago

200 Handcrafted Elements

17 Customized Plugins

28 Example Pages

Bootstrap Based

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

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

We are here to help you!

20 Web Developers commented on this product

Github Docs FAQ Page

duncanza5 6 months ago

I really want to love this template as it looks beautiful, but I'm seeing some fairly major layout issues in Safari - eg: https://cl.ly/00422853d8be https://cl.ly/836150596e98 Works beautifully in Chrome but I can't risk these kind of issues for some of my users. Any plans to fix?

cristi.jora
  • owner

Thanks for the feedback @duncanza5 We'll try to fix this in the next update. Most likely is because of the RTL support
6 months ago

15022234345
  • downloaded
6 months ago

I bought this version and didn't see fixedplugin.vue in the source code.

cristi.jora
  • owner

Hello, that's true as we use fixedPlugin only for demo purposes. Since many people actually requested it for this exact template, we'll try to add it in the next update in the download archive. Until then you could open a support ticket here https://www.creative-tim.com/contact-us and I will send you the code for it
6 months ago

david.justin
  • downloaded
5 months ago

Hi I'm David. I really don't get it why safari show like below(the menu and buttons are reversed) . Chrome is ok in localhost. Actually, I'm not doing anything. just download and npm install. that's it And then it shows like below https://drive.google.com/file/d/1WGSe9YCEn99yNYRj0YXpeGqSDrnOs2ii/view?usp=sharing But, if I deploy to firebase hosting (us region) . it's ok to safari browser. Did you have any experience with this issue? I'm in Korea

cristi.jora
  • owner

Hey @david.justin We just released v1.2.0 which should address these issues. The problem was coming from RTL plugin. If you don't use or need rtl, just remove the bootstrap-rtl from index.html and it should solve the issue. If you need RTL, just upgrade to v1.2.0
4 months ago

cristi.jora
  • owner

Hey @david.justin We just released v1.2.0 which should address these issues. The problem was coming from RTL plugin. If you don't use or need rtl, just remove the bootstrap-rtl from index.html and it should solve the issue. If you need RTL, just upgrade to v1.2.0
4 months ago

islamhmedkj6

David .justin .. i tried to deploy vue argon dashboard on firebase but it's appear a blank page with errors .. how i can build and deploy it on firebase !?
1 month ago

garthmiller
  • downloaded
5 months ago

Beautiful, I look forward to patches for whatever small issues arise. Wonderful job.

cristi.jora
  • owner

Thanks for the kind words @garthmiller We are always trying to improve and just released another small update with some fixes today.
4 months ago

adansat
  • downloaded
4 months ago

Hi, it is really a great template, nice work! I have a question on Radio Select buttons, how I can pass a class programmatically to make it checked=true or cheked==false. I could not identify on console what is changing in HTML to say how can I pass that info from the script side.

cristi.jora
  • owner

Hey @adansat If you're referring to group buttons on the Buttons page, you can create a group-button component and pass it a list of options and have an `activeButtonIndex` in that component that will keep the active index. Based on that you can add dynamically add the `active` class. If you're referring to radio inputs, you can find code examples here. You can declare multiple radio buttons https://demos.creative-tim.com/vue-black-dashboard-pro/documentation/components/forms.html#radio-buttons and put different `name` props on them and the same `v-model`
4 months ago

dennishang
  • downloaded
3 months ago

Have a couple issues of notifications. had set the notification to bottom right, need to 1. how to add timestamp to notification message and wrap lines 2. how to change the order of notification to show the latest message at bottom. this.$notify({ type: 'success', message: `Sidebar mini ${isMinimizedText}...`, icon: 'tim-icons icon-spaceship', verticalAlign: 'bottom', horizonalAlign: 'right', });`

cristi.jora
  • owner

Hi @dennishang If you haven't resolved your issue, here's a way how you could do it. The notification plugin is located in the source code insite components/NotificationPlugin folder. Inside index.js file, you can modify the addNotification method (last line) from this.state.push(notification); to this.state.unshift(notification); to change the order notifications are displayed
3 months ago

deadlague
  • downloaded
2 months ago

I am very interested, I will buy it

cristi.jora
  • owner

Glad to hear that @deadlague Hope you have a nice journey in building something cool with it
2 months ago

cristi.jora
  • owner

Glad to hear that @deadlague Hope you have a nice journey in building something cool with it
2 months ago

edfpe
  • downloaded
2 months ago

Hi. Please, where can I see the examples page in the PRO version?

cristi.jora
  • owner

Hi @edfpe All the examples pages are listed in our live demo https://demos.creative-tim.com/vue-black-dashboard-pro/#/dashboard Starting from dashboard page and ending with login, register and so on.
2 months ago

15565010116
  • downloaded
1 month ago

Hi,i have a question.When the page switches, the scroll bar does not return to the top.

cristi.jora
  • owner

Hi. Glad you're using our products. Can you check if you have the latest version of the template ? This should work because we have router scroll behavior enabled. Check if you have scrollBehavior function in your router.js file https://router.vuejs.org/guide/advanced/scroll-behavior.html#scroll-behavior
1 month ago

15565010116
  • downloaded

@cristi.jora yes,but it`s still don`t work on chrome.
1 month ago

terioname
  • downloaded
1 month ago

Is this dashboard a drop-in replacement for argon? E.g. if I have an app built on argon pro, can I just replace components and styles and it will work?

cristi.jora
  • owner

Hi @terioname Unfortunately I don't think it's a drop in replacement. Argon is a bit different in terms of components and some elements. Better stick with argon and choose this for another project maybe ?
1 month ago

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