Font Awesome Pro is a premium icon set and toolkit that offers over 8,000 vector icons and social logos for your website. You can use them to enhance your design, add interactivity, and create stunning effects. In this guide, we will show you how to set up Font Awesome Pro with Gulp and Webpack, two...

const drawer = new KTDrawer(document.querySelector("#BillDrawer"), { activate: true, escape: false, overlay: true, permanent:true, width: { default: '100%', 'md': '80%' } }); drawer.show();I used above code.When i press esc key, it's closed.Is there any wa...

I'm currently in need of a code editor type field that I can embed directly within my web app and I noticed that Metronic v4 had it available here: https://preview.keenthemes.com/metronic-v4/theme/admin_4/components_code_editors.htmlIs this same 'CodeMirror' code editor available out-of-the-box...

I'm using the Angular version and I'm trying to use CapacitorJS for the first time trying to build a Metronic demo to iOS and Android apps, so.. does anybody already doing this? Right now I have tested metronic as webapp using it in iOS as webapp and works fine but now I'm trying to build it as...

Hello everyone, How to get the resource (.resx) string in the JS file, because I want to display a validation message depending on the site language I am using metronic version 8.1.8regards,

Hi Team, I'm using the Demo 1 of Metronic Template and in the Sidebar _menu.html file, I'm not finding a way to disable the little arrow beside the logo that collapses the Menu. I want that the complete sidebar gets always visible to the user. I'm attaching the screenshot. Please help me...

Hi guys,I'm trying to use tagify in my angular project but I'm not able to. This is what I'm doing, By reading the doc and also checking the code, apparently the CSS is already included in the project, so I'm not including anything in the angular.jsonSo I npm install tagify

i am facing problem in metronic theme in old version but i have a new version of node js Error:-ERROR in ./src/_metronic/assets/sass/style.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].us...

Hello, reviewed the following example where you see a timeline: https://preview.keenthemes.com/metronic8/demo1/account/activity.htmlWhat I need is to be able to show that timeline (only icons and dotted lines) but horizontally. My project is about an application for tracking deliveries and I...

Hi,I have implemented a datatable from the Laravel example (starter-kit).The datatable works perfectly - it lists all of my Clients in the clients.index viewpublic function index(ClientsDataTable $datatable){return $datatable->render('pages.clients.in...

Hi,I'm using Metronic 8.2.1, React version. I'm working on Demo1.Can somebody please explain to me, how can I efficiently change theme colors (statically, I'm happy with Light-Dark theme options, I just want to change the colors inside the theme)? Do I have to change colors of the theme...

I'm currently working with Metronic8/demo42 and exploring ways to customize the global color scheme of the sidebar menu. My focus is on altering the background color of the sidebar and changing the default and hover colors of its menu items font. I've examined the "Global Stylesheet" (/css/style.bun...

Hello,I'm using Metronic 8 with Symfony but I can't get select2 to work properly. {...

Hi, I would like to start a new project using Metronic React theme. I like design of Demo #36 but in downloaded project there are only 6 React themes. I can see all 60 themes in HTML folder. How can...

Hello! I'm trying the 'system' theme in the Angular demos but it always uses the dark theme even though my OS (Windows 11) is set to the light theme. The HTML demos do work well. Demo Url: https://preview.keenthemes.com/metronic8/angular/demo1/dashboard

I am unable to change the primary color in the _variables.custom.scss file, and the changes not apply.

HelloI am working in a Vue 3 project that uses 8.1.6 Metronics version.I need to display a FullCalendar Component in a "kt-drawer" Component but there is a reactivity issue and it seems that FullCalendar CSS (or maybe FullCalendar options ?) are not reactive so FullCalendar displays in this...

Hello. I used metronic theme for my website. But unfortunately one of packages stopped whole page and started a music with alert message. Can we replace sweetalert2 or lock it in next versions of theme?

is there a Storybook for Metronic??

Issue with Dark Mode and Theme Mode SwitchHi, I am using the Rails version of Metronic8 and have followed all of the documentation to get the template up and running successfully. However, I am running into an issue where I cannot set the template to use 'Dark mode' by default, nor does the Them...

Hello,Is there an instruction how to get a metronic dashboard site including all dependencies in a django environment?Thanks!Johan