Discussion on Vuexy - Vuejs, Nuxt, Next.js, HTML, Laravel, Asp.Net & Django Admin Dashboard Template

Discussion on Vuexy - Vuejs, Nuxt, Next.js, HTML, Laravel, Asp.Net & Django Admin Dashboard Template

Cart 29,675 sales
Recently Updated
Well Documented

PIXINVENT supports this item

Supported

This author's response time can be up to 1 business day.

1732 comments found.

Hi, why is there a slight glitch when it comes to rendering the horizontal menu. The menu appears after the rest of the content on a page. Is there a way of getting rid of this bad effect? Google Chrome, Laravel Version. Thanks in advance. :)

Hello,

Thanks for getting in touch with us and drawing our attention to the glitch.

We have noticed that it is there only for a fixed header but not with the static header, so if you want to use a static header you can use it.

We are working on the fixed header issue and will update the same in the next release.

Let me know if you have any other queries :)

Regards~

I’m getting stuck on “Building” with Yarn if I upgrade Vue to it’s newest 4.3.x version. Why do I need it? Because different plugins like Vee-Validate needs the 4.3.x version.

Do do I fix this error? Why isn’t it working with Vue 4.3.x?

Hi,

We have already fixed this issue in our github repo. You will officially get this fix in our next week’s release. If you prefer to get the fix in urgency then we recommend checking out this commit: https://github.com/pixinvent/vuexy-vuejs-admin-template/commit/ac55590735e363492a3f6c3a1d4e85037d453ee0

To access the above commit you will need the GitHub repo access. You can get the repo access by filling the access form from this link: https://tools.pixinvent.com/github/github-access

I hope this resolves your query.

Best Regards, Vuexy Team

PreBuy Question

in which is it

1. Class Component or Function Component 2. TypeScrip or Javascript

So that we can use it once you reply our above query

Hello cnshosting,

Thanks for getting in touch with us. Please find answers to your questions below:

1. Our template is based on Functional Components. 2. Our template is available in both TypeScript and JavaScript.

Note: We only have Next.js version in React, and we are currently working on the app directory routing which is a complete re-write of the template and will be available by the end of this year or early next year.

Let us know if you have any further query.

We are delighted to announce the release of our latest update for the Next.js version.

This update includes new apps such as eCommerce, Academy, Logistics, Email, Chat & Kanban and the front pages. You may access and download the updated package directly from your ThemeForest account.

We trust this update meets your requirements and appreciate your patience and continued support.

​I’m updating my Vuexy implementation to the newest version, but I just discovered that the Chat feature has also been removed (along with the to-do lists and file manager, which my old implementation also utilized). I was hoping to just copy over the relevant JS and CSS files from the old version, but the CSS display is all screwy. I also had this problem when trying to update the To-Do Lists. I wound up having to just do the entire to-do list feature from scratch myself; and I’m ​​really​​ hoping not to have to do that with the chat feature and file manager (when I get to that part of the update). Not having to do the layout stuff by hand is why I bought Vuexy in the first place.

What I should do to get the Chat CSS to display properly from a simply file-copy. The particular problem I’ve having (which I ran into with the to-do lists, too) is that the columns are not lining up side-by-side (inline). The “Start Conversation” window should be to the right of the list of chats/messages, but it’s displaying beneath it (full width, not under that specific column). My guess is that something in the bootstrap or other main CSS files that was changed in the update is conflicting with the old chat CSS; but I haven’t been able to track down the problem.

Please advise. And PLEASE put those apps back into Vuexy!! They were the most powerful part of the template! Thanks.

Hello Parksweekly,

Thanks for getting in touch with us!!

Our latest package includes a cutting-edge chat application that you can explore in action via this demo link: https://demos.pixinvent.com/vuexy-html-admin-template/html/vertical-menu-template/app-chat.html . We encourage you to check it out and leverage this feature-rich chat application to enhance your communication capabilities.

While our template offers a variety of useful applications, we regret to inform you that we currently do not have immediate plans to introduce a file manager or to-do list application in the latest version. However, it’s worth noting that decisions regarding future features are subject to evaluation by our core team, and there may be developments in this regard down the line.

Regarding your query about combining JavaScript (JS) and Cascading Style Sheets (CSS) from older and newer versions of our template, we strongly advise against doing so. The reason for this recommendation is that older and newer versions often have different structural elements and dependencies. Attempting to merge them could result in compatibility issues and unexpected behavior.

We appreciate your interest in our template and thank you for considering it for your project. If you have any further questions or need additional information, please feel free to reach out.

Regards~

Thanks for responding. Somehow, I missed that the chat feature was still there. Don’t really care about the To-Do Lists since I already did it from scratch. And to be honest, I was already prepared to have to do the File Manager update from scratch. So overall, I’m pleased that the Chat is still there. Now, don’t remove other stuff in future updates. We depend on this awesome template! LOL

Hey Parksweekly,

I’m glad to hear that you’re pleased with the favorable response and the appreciation for our template! That helps to make it even better and continue to motivate our team to work hard on future updates.

Should you require further guidance or have any more questions, please feel free to reach out. For technical inquiries, we kindly request that you create a support ticket on our support portal: https://pixinvent.ticksy.com/

Regards

Presale questions: Is the landing page available for the HTML version (https://demos.pixinvent.com/vuexy-html-admin-template/html/front-pages/landing-page.html) also available for the React.js version? What is the difference between this theme and the Materialize one? (I see the MUI is used in both) Thx!

Thank you for the quick response. Do you consider adding a landing screen for the react js version as well?

Hello suciuioan92,

Thank you for your prompt response. We appreciate your suggestion regarding adding a landing screen for the React.js version of our application.

While we do have plans to enhance the user experience by introducing front pages and a dedicated landing page, our current priority is to implement app directory routing support in the first phase of our updates. Once this phase is successfully completed, we will proceed to the second phase, where we will integrate front pages and a landing page into the application.

Regards.

We are delighted to announce the release of our latest update for the Next.js version.

This update includes new apps such as eCommerce, Academy, Logistics, Email, Chat & Kanban and the front pages. You may access and download the updated package directly from your ThemeForest account.

We trust this update meets your requirements and appreciate your patience and continued support.

How can i get demo for previous version? I already implement with version 6 and I need update some component. but the demo not exist anymore

Hello dokterpluto,

Thanks for getting in touch. Can you please let us know which technology are you working with like HTML, Laravel, Vue, React or Angular?

Regards.

Hello,

I’m working with Laravel Vue

Hi dokterpluto,

Thanks for your response. To get older releases, you can get access to our releases repo where we publish all of our previous releases. This will allow you to download older releases of our template. To get access to the repo, please submit this form with correct information and select “Releases” as the technology. Once form is submitted you’ll get email for repo invitation that expires after certain duration so don’t forget to access the invitation as soon as possible.

After getting the access to the repo you can check old version package in releases page. I hope this resolves your query.

Best regards, Vuexy Team

What is the plan for implementing toasts in the vue3 template?

Hi,

Thanks for getting in touch with us. We use vuetify framework and it already provides snackbar component which is similar to toast component: https://vuetifyjs.com/en/components/snackbars/

I hope this resolves your query.

Regards.

Yes! But in the html version there are many components that the vue version does not have.

Hi,

As HTML and Vue is different technologies there will be difference between plugins and components. We try to stick to Vuetify framework as much as possibles for stable application. Third-paraty components may not be maintained so we try to avoid them as much as possible in Vue.

Regarding toast, You get similar functionality and UI in snackbar as well. Still, if you want custom solution feel free to install desired third party component in the template but do not that third party component’s support that is not implemented officially by us in our template doesn’t fall under our ThemeForest support policy.

I hope this clarify the query. Please let us know if you have any further query we are happy to assist you.

Best regards, Vuexy Team

Hello there,

I saw problem written in comments, but it’s also same problem for me, so I do copy-paste of exact same issue.

I am getting below error after NPM install and creating build

ERROR in ./node_modules/vue-demi/lib/index.mjs 79:11-29 Can’t import the named export ’getCurrentInstance’ from non EcmaScript module (only default export is available)

ERROR in ./node_modules/vue-demi/lib/index.mjs 79:11-29 Can’t import the named export ’getCurrentInstance’ from non EcmaScript module (only default export is available) ./node_modules/@vueuse/core/dist/index.esm.js ./node_modules/babel-loader/lib??ref—4-0\\./resources/js/src/App.vue?vue&type=script&lang=js& ./resources/js/src/App.vue?vue&type=script&lang=js& ./resources/js/src/App.vue ./resources/js/src/main.js ./resources/js/app.js @ multi ./resources/js/app.js ./resources/scss/app.scss

I am using vue 2.6 with Laravel

Hi,

Thank you for reaching out to us with your query regarding BootstrapVue and Vue 2 support. We understand your concern, and we’d like to provide you with a clear and effective solution.

Unfortunately, BootstrapVue for Vue 2 has been removed from our supported versions. This decision was made after a deprecation period, during which we provided support. Additionally, Vue 2 is reaching its End of Life (EOL) this December, which further reinforces the need to upgrade your project to Vue 3 for continued support and compatibility.

To address the installation issue you’re facing, we can offer complementary support. To resolve this error, please follow these steps:

Update your package.json and yarn.lock files as per the instructions provided in the attached zip file linked here. This complementary support should help resolve your immediate issue. However, we strongly recommend upgrading to Vue 3 to ensure that you have access to the latest dependencies and fixes, as well as ongoing support.

Download zip: https://drive.google.com/file/d/1w5yRv5R0wjTKdzEKEqeVi5s7_vpUHXLT/view?usp=sharing

Best Regards

Hello there

I am getting below error after NPM install and creating build

ERROR in ./node_modules/vue-demi/lib/index.mjs 79:11-29 Can’t import the named export ‘getCurrentInstance’ from non EcmaScript module (only default export is available)

ERROR in ./node_modules/vue-demi/lib/index.mjs 79:11-29 Can’t import the named export ‘getCurrentInstance’ from non EcmaScript module (only default export is available) @ ./node_modules/@vueuse/core/dist/index.esm.js @ ./node_modules/babel-loader/lib??ref—4-0\\./resources/js/src/App.vue?vue&type=script&lang=js& @ ./resources/js/src/App.vue?vue&type=script&lang=js& @ ./resources/js/src/App.vue @ ./resources/js/src/main.js @ ./resources/js/app.js @ multi ./resources/js/app.js ./resources/scss/app.scss

I am using vue 2.6 with Laravel

Hi,

Thank you for reaching out to us with your query regarding BootstrapVue and Vue 2 support. We understand your concern, and we’d like to provide you with a clear and effective solution.

Unfortunately, BootstrapVue for Vue 2 has been removed from our supported versions. This decision was made after a deprecation period, during which we provided support. Additionally, Vue 2 is reaching its End of Life (EOL) this December, which further reinforces the need to upgrade your project to Vue 3 for continued support and compatibility.

To address the installation issue you’re facing, we can offer complementary support. To resolve this error, please follow these steps:

Update your package.json and yarn.lock files as per the instructions provided in the attached zip file linked here. This complementary support should help resolve your immediate issue. However, we strongly recommend upgrading to Vue 3 to ensure that you have access to the latest dependencies and fixes, as well as ongoing support.

Download zip: https://drive.google.com/file/d/1w5yRv5R0wjTKdzEKEqeVi5s7_vpUHXLT/view?usp=sharing

Best Regards

Hello JsinhSolanki

Thank you for your reply

I will do it but I am afraid if it’s work or not

Can you check my current package.json and let me know if it’s need any changes in your given package.json or do I need to change anything

https://drive.google.com/file/d/1adntkhMPPdJZSA3erb43DazKmSfWa_LR/view?usp=sharing

Please check above package.json file and let me know if need to do anything further in package.json file

Thanks in advance

Hi,

Your provided package.json has lots of customization of yourself. We already provided fix for package.json we provide and it’s working fine. I hope placing this from your side will also make it work. For your package.json I recommend please provide minimal package.json which we can put in our starter-kit and test against.

If you can’t reproduce it, Here’s what we have done in package.json:

1. Add tilde character infront of all “dependencies” except vue-toastification

2. Add tilde character infront of all “devDependencies” except those already have tilde or caret character

After this just run “yarn install” command and hopefully you won’t get this error.

Additionally, We also recommend migrating to Vue 3 version because we have removed the BootstrapVue version officially and do not support anymore.

I hope this resolves your query.

i run npm install i got error

npm ERR! vuexy-vuejs-laravel-admin-template@8.0.0 build:icons: `node resources/js/@iconify/build-icons.js` npm ERR! Exit status 1

please help me

Hi safriadiagi,

Thanks for getting in touch with us. Can you please share full error log so we can identify the core issue. Make sure to use LTS version of the node.

Regards.

In the HTML version, when going to the mobile version, the logo does not appear.
Can this be applied?

Hello Guyzamir,

Thank you for reaching out to us.

Regarding the issue you’ve raised about the logo display on the mobile screen, please note that the template’s user interface has been designed to keep the logo within the side menu in mobile view. This is the default behavior of the template.

However, we understand that your requirements may differ, and you may wish to display the logo in the main navbar of the mobile screen. In such cases, we encourage you to explore the customization options available to you. You have the flexibility to make adjustments as needed, including adding or relocating the logo to meet your specific design preferences.

Additionally, our template allows for the removal or customization of other icons to align with your project requirements, providing you with the freedom to tailor the interface to your liking.

Should you require further guidance or have any more questions, please feel free to reach out. For technical inquiries, we kindly request that you create a support ticket on our support portal: https://pixinvent.ticksy.com/

Regards

Are you planning to upgrade your vue3 version to the latest version “vue”: “^3.3.4”? So when are you planning to do it?

Hi hwa8019,

Thanks for getting in touch with us. We are working on big VueJS update featuring NuxtJS and We are already developing with latest version of the VueJS.

If you want to give Vue’s latest version try feel free to upgrade to minor release. Hopefully, upgrading to minor release will not break anything.

I hope this resolves your query.

Best Regards, Vuexy Team

Prblem with VNavigationDrawer in rtl

When the template is changed to RTL, the problem shown in the video below occurs in v-navigation-drawer.

The drawer does not cover the screen, the black overlay does not appear, and when you press outside the drawer, it does not close.

You can try this on the user/list page. Change the language to Arabic and press add new user.

https://drive.google.com/file/d/1D5GQetppwNntJV8YGw0GQQ_15wgNfB4d/view?usp=sharing

Hi Elbadriapps,

Thanks for reporting this issue. Actually this is from vuetify framework and in their latest update they resolved the issue. However, we don’t recommend upgrading vuetify to latest version as it might break the UI. We are planning to make a new big release next month that will have this fix included.

I hope this excites you.

Please let us know if you have any further queries. We are happy to assist.

Best Regards, Vuexy Team

Hi, I want to check if you support Laravel Jetstream 4.0 yet? if not yet, is there an ETA so I can make my next purchase accordingly?

Hello, we were very excited to download and try the latest update but unfortunately its not working correctly. With Livewire 3 and Jetstream 4, menu and page loads gives SPA (single page application) but by using your updates we still see pages refreshing inlcuding the menu/ navigation section.

Is there anything we are missing or there’s any updated document for us to follow through?

To be more specific, 1) when we click on “Analytics” or “CRM”, navigation drawer stops closing/ opening, 2) Main menu items with drop downs stop working as well 3) Language icons stops working and so on. May be some CSS/ Javascript error that triggers on first click of navigation that stops similar functions to work

Hi Aphroecs,

Yes, you are correct; our current setup does not function as a Single Page Application (SPA). Our integration involves Livewire with Jetstream exclusively, and we have not integrated the template with Livewire for SPA functionality.

If you wish to utilize this template with Livewire in SPA mode, we recommend referring to the official documentation on this specific topic, which you can find here: https://master--goofy-tereshkova-ff1e2b.netlify.app/docs/spa-mode/

This resource should provide you with the necessary guidance to configure the template to your requirements in SPA mode. If you have any further questions or need additional assistance, please do not hesitate to reach out to us.

For technical inquiries, we kindly request that you create a support ticket on our support portal: https://pixinvent.ticksy.com/

Regards~

hi, can i get latest angular project of vuexy

apologies for the typo. It must be pixinvents@gmail.com

already sent

Hello,

Can you please confirm if your mail was sent on the correct email ID after my correction, as We would not find any of your email.

Please let me know if you have received answer to your query.

Regards.

Hello, is there a way to change dynamically (on the fly) the primary color without creating a custom theme?

Hello ericgcc,

Thanks for reaching out to us. For technical inquiries, we kindly request that you create a support ticket on our support portal: https://pixinvent.ticksy.com/

Our technical team will be delighted to assist you there.

Best regards.

The HTML template does not easily integrate with VUE and whether it is laravel 10 or 8. Th earlier version was working very well but the new version ones you refer anything that contacts Vue the Nav bar does not work neither table drop downs. The earlier html version was so simple to integrate with laravel and vue and now we r stuck

Hello aramitechnology,

Thanks for getting in touch and apologies for the inconvenience. For technical inquiries, we kindly request that you create a support ticket on our support portal: https://pixinvent.ticksy.com/

Our technical team will be delighted to assist you there.

Best regards.

we need to change laravel version with vite altenate webpack , i tried to do that but i can not complete, it is very hard

Hello Omaralalwi2,

Thanks for getting in touch with us!!

We have not provided template with Vite integration yet, as we are using many Third Party Libraries for the Laravel admin template. But all the libraries does not support vite. So we do not suggest to use Vite until we provide template with Vite integration.

We have provided webpack and that’s working perfectly fine, so you can use template with webpack.

You can create support ticket at https://pixinvent.ticksy.com/ for any further technical queries.

Let me know if you have any other queries :)

Regards~

Hello Omaralalwi2,

Hope this message finds you well!!

We are glad to inform you that we have released the Vuexy with HTML + Laravel with Vite integration. So now you can buy it and get lifetime free updates.

Let me know if you have any other queries :)

Regards~

Hi i am interested to buy, will this support 3rf party api requests to populate the widget with data.

Hello jooms123,

Thanks for getting in touch and showing your interest. It’s possible to use any APIs but you will have to remove our fake API calls and implement your own.

Regards.

Hello, I wanted to use the Laravel Vue version but with Inertia, so I want to make it Laravel Vue Inertia. Can your team please test this if this is doable? I feel like this is beneficial since now Laravel Developer could develop SPA without headache of API.

Hello wojakmcwagies,

Thanks for getting in touch. Currently we are focusing on the Nuxt version and won’t be able to test Laravel + Vue + Inertia until next month. I will ask dev team to look into it next month if possible.

Regards.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey