New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs

Tag: Vue (711)

Vuejs7 demo in 8.0.35 throws a runtime error if the Demo7 folder is taken out from the regular zip extract and run separately. It tries to refer to an import in ../../Demo1... but since the folder is no longer in the original folder structure it fails. Fails at line: import JwtService from "../....
In Metronic theme in forms if we hit tab then it behaves strangely, e.g in Sign In page I entered email and then I hit tab then the focus goes to the forgot password link and not on the text of password, this happens in almost all the forms that I have integrated, so can you please provide a solutio...
After opening localhost page, i see in console: https://i.imgur.com/O42J4DI.pngSo, hot-reload is not working. Any ideas why?
Hi, is KTDatatable is included in Rider-Vue-Pro? or require to purchase separately?We tried Rider-Vue-Free but it seems that the template is a bit out of date, does pro version uses latest plugin and Vue version?
Hi, we are searching something as:https://preview.keenthemes.com/metronic8/vue/demo1/?_ga=2.110975814.2136720187.1662632648-1362765973.1651486174#/builderWhere can we find the addon to create this? Should be perfect to give a JSON object in a function and it creates a code viewer.
hello, I'm having trouble opening the menu in drawer element plus. on another component I did reinitializeComponents() and it worked, but when it was in the drawer, the menu didn't appear even though I had done reinitializeComponents().is there anything i missed?here is my code snippet
Hi, Thank you for the awesome theme. I am using a vue theme. I checked we can add different language wise labels. But it’s only for the Side and Topbar Menu.What I have to do if I want to show page breadcrumb language-wise also? Is it possible?Also, I checked in all other pages button text a...
I have updated the theme and seems the column sorting not working in ktdatatableI have written my issue below. Please check and let me know the solution for it.const tableHeader = ref([ { columnName: "Email", columnLabel: "email", sortEnabled: true,...
got several issues at start up. how can i solve this? ref - Module ‘"…/…/…/node_modules/vue/dist/vue"’ has no exported member ‘ref’. Did you mean ‘$ref’? watch - Module ‘"…/…/…/node_modules/vue/dist/vue"’ has no exported member ‘watch’. inject - Module ‘"…/…/…/node_modules/vue/d...
Hi,I'm using the Tailwind version of Metronic with Vue 3 and Nuxt 3. The sticky component works fine when the page initially loads, but after navigating to a different route, the sticky elements don't function correctly. I tried updating them, but it didn't work.import KTCompo...
HiThe Rider Pro theme does not have source mapping setup and it makes it harder to find the source file to set breakpoints for debugging.Please can you fix?ThanksBen
Hello, I have already purchased your theme. I want to develop it in laravel and vue js. The problem i am facing right now that is couple of js file showing error after compile by webpack like plugins.bundle.js and script.bundle.js. Can you give me any advise please?
I am currently using Vue 3 version of Mertronic UI. Here, the modals and side drawers (MessengerDrawer/ActivityDrawer/...) uses classes to toggle like this:
I am using the multi-select provided in the documentation for metronic 8. How to validate Multi-select option in vue with yup , i have already tried
remove Why use this button? It will not rebound when pressed. For demo6 vue version projects, it is also not possible to use a link to replace it.
I am using KTdatatables for my list page in vue. Now I am fetching the data from API and showing it into the table. Now I want to show pagination for my table. Also, I read the documentation for that and try to write the below code but still, it doesn't show me the pagination. By default, my API ret...
Hi !I'm trying to implement a apexchartbut need to get data from the DB.I wrote this code to get data:onBeforeMount(async () => { const cats = await GetRemovalReasons().then(({data}) => data).catch(e => []); categories.value.splice(0, categories.value.length, ...cat...
Hi Team,The Metronic template is amazing, do you have any full working implementation of this template in React or any other language ? By full implementation, I mean all features are working as shown in demo UI.Thanks in advance.Sam
Hi,If I'm using v-loading, the z-index of it is 2000 and conflicts with KeenThemes (such as sidebars, modals etc, as they have around the z-index: 100).What is the best way to make sure it does not conflicts? I didn't find a perfect way to change the z-index of v-loading. Could you help?
Hi there,I am looking to point the app api to my backend which is using laravel sanctum.From the VueJS app, when i update the app url, i get a CORS error and request fails to even hit the backend.Is there some additional proxy settings needed for this to work on the vueJS App?
Hi,I am using Vue version of the the theme.Does the table plugin support the ability to expand a row?and how can I implement it ?Is there an example?