Black Friday Super Sale!
Limited Time 50% OFF for All-Access Plans
Save 50% Now
Metronic (1681)
HTML (1462)
Laravel (941)
React (892)
Bootstrap 5 (891)
Vue (715)
Angular (696)
PHP (506)
Tailwind 4 (381)
Datatables (283)
Blazor (236)
Asp.Net Core (191)
Bootstrap (183)
Webpack (153)
Design (127)
Django (125)
SASS (118)
License (105)
Gulp (88)
RTL (88)
Figma (77)
Next.js (66)
Next.js (38)
Rails (36)
Node.js (26)
Flask (20)
Spring (18)
KeenIcons (14)
DatePicker (11)
FullCalendar (9)
Icons (6)
Express.js (5)
NestJS (3)
Font Awesome (2)
Next.js (0)
Nextjs (0)
public static setHeader(): void {
ApiService.vueInstance.axios.defaults.headers.common[
"Authorization"
] = `Bearer ${JwtService.getToken()}`;
ApiService.vueInstance.axios.defaults.headers.common["Accept"] =
"application/json";
}
error:
Uncaught (in promise) Typ...
Hi there,
We are using your great template and we wish to implement keenicons. Thing is that we are using a previous version of your template and it is quite complicated to update the template (files, treefolder ... ).
Is there a proper way to implement keenicons easier than comparing all the...
HI.
It is possible to add to the kt-datatables component (Vuejs) the option to customize the styles of the background color and borders of the cells. I need this option since I need to change the background color depending on a specific value in the cell.
i'm using style.bundle.css only with vue vite. All css are working as expected except background color on button is transaparent when hovering.
I try to implement scroll to a section in Metronic Vue. What I did was editing the route/clean.ts and core/config/CleanMainMenuConfig.ts. But instead of scrolling to a section, it replace the body with the particular components. May I know how can I implement scroll to a section in Metronic Vue corr...
Hello,
I upgraded the version with 8.1.1 The issue is in KtDataTable. I created the header array like below.
const tableHeader = ref([
{
columnName: "#Sr",
columnLabel: "index",
sortEnabled: true,
columnWidth: 20,
},
{
colu...
Hi Teams,
I noticed that when layout is set as light-sidebar the configuration
header: {
display: true,
default: {
container: "fluid",
fixed: {
desktop: true,
mobile: true,
},
menu: {
display: true,
iconType: "keen...
i need a full demo of vuejs like demo theme how can i get it for example with upload file function in vuejs not found in demo1 theme. In vue i don't see full like demo so i can get a full version with vue3 but not html. a lot of features I didn't find. It's hard to look at the template and imagine i...
Hello Team,
Is there any way where we can add a link/button to the accordion header?
I want the modal has the following options:
backdrop: 'static',
keyboard: false
How to manage this? I want a modal which is not able to close at at by clicking outside the modal, nor by keyboard.
Hi Team ,
I have purchased a metronic theme, and started with setting up a project taking demo2 as a reference for userInterface . While making changes i found some missing codebase in downloaded folder. I am not able to find all menus item what is there shown into live preview List of item not...
when the item Per Page 10 the dropdown actions open when I click on
but when I select item Per Page 25 the dropdown actions not open after the item 10
from 11 to etc its not open .
Metronic
Vue demo 8 version 8.1.6
node v18.14.1
npm 9.6.0
Hi,
i already buy template but i try to run vuejs but cant run. its said
error Delete `␍` prettier/prettier.
please help me. i already spend my last money for this. please help me run this
I want to use Demo 23 but there is no Vuejs sample, how can i use demo 23 but with vuejs installed ? Thanks.
Does Metronic fully support Vue 3 Pinia and Vite?
Is Metronic v8.2.0 vue app built on Vuetify or Bootstrap or developed on simple HTML?
i love Metronic theme, but the charts widgets are use apexcharts,
do you have any sample-like components---->dashboard_default-widgets---> widget*.vue are all use apex-charts.
so i just want to know do you have any sample which use Apache ECharts, that will good helpful for me. i can modify acco...
Hi,
During development I make some mistakes. The error is normally logged to the console with component name, line and method. But I'm getting
2app.2b3d77aa.js:4 Error
at bc (app.2b3d77aa.js:12:5491)
at Object.p [as resolve] (app.2b3d77aa.js:12:10333)
at Object.T [as resolve]...
VUEJS Template
I am using KTDatable with:checkbox-enabled = "true" and getting data from the server side
Response:
[
{
"id": 1,
"name": "User 1",
"checked": true
},
{
"id": 2,
"name": "User 2",
"checked": false
}
]
How can check this row by default?
Hi, next is great example how implementing datatable.net in vue, i think may help
https://codesandbox.io/s/datatables-option-api-example-6g3ksj?file=/package.json:240-393
I am testing the metronic vue.js theme and using axios to fetch data from a simple API. I can fetch data in my method and output this in the console, but I cannot update the datatable itself.
here is my code:
export default defineComponent({
name: "kt-entity-list",
components: {...
Hey, I have a few widgets, and I am currently doing a simple axios.get request. My issue is that it takes 1–3 seconds for the widgets to appear as the site is loaded, is there a way to display a loading circle or fetch data before the site is rendered?
I've been searching, but I cannot find any d...
