How could I customise CkEditor Document to add additional plugins such as Mention as this can only be done before being built. I've also noticed a "ckeditor-document.bundle.js:6 filerepository-no-upload-adapter" when attempting to set up image uploads which makes me wonder if this also needs to be c...

I am using METRONIC 8 DEMO 2 (SAAS application) theme. I have created a new service and added an HTTP method to call the APIs. When subscribing to the API response in component.ts inside ngOnInit, I am not getting the exact behavior like angular. Expected Behaviour: When subscribing the data i...

Hello,I created a new page and I would like to set a class in SCSS when the theme is dark.How can I do it?The code below doesn't work. [data-theme="dark"] .myClass { width: 100%;}[data-theme="light"] .myClass { width: 50%;}Thank you for your help.

https://pasteboard.co/5QAzKRhvOvWq.png

When will you launch Next Js version in Metronic?

Hello, friends. Just bought Good template to implement admin panel for my website.I use Laravel 10 framework. Laravel uses Vite out of the box for all frontend cases.I have a problems with integration, too many files and I don't know which of files I have to use and how to use for convenient usa...

Hi,I got this error TypeError: KTApp.hidePageLoading is not a function, could you help me on this?the error seems happens from scripts.bundle.js // Init page loaderwindow.addEventListener("load", function() { KTApp.hidePageLoading();});

t works fine, but I have OCD :)in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scssModule Warning (from ./node_modules/sass-loader/dist/cjs.js):Deprecation $weight: Passing a number without unit % (100) is deprecated.To preserve current behavior: $weight * 1%More i...

Hello,we detected over 50 errors in the .scss files of the StartPro theme. These errors are caused by missing variables in the components\_variables.scss file causing mixins functions to return empty values resulting in css like this:.text-inverse-muted {...

Dear Support,Seems the generated toastr css was wrong using version 8.2.0, all missed "r" for "toastr" in below css:https://crm-dev2.clickcola.com/js/metronic/demo1/dist/assets/plugins/global/plugins.bundle.css?1690454408.toast-title { font-weight: bold;}.toast-message { -ms-word...

I want to change font family to Cairo i try change $font-family-sans-serif in "_variables.scss"$font-family-sans-serif: "Cairo", Helvetica, "sans-serif" !default;and add this link to index.html

Hi. I would like to know if is possible use the base sass styles to use in a framework as Next.js. Because i need to make my project in a framework with server side. Thanks in advance.

hello, in the theme for e.g. https://preview.keenthemes.com/metronic8/demo51/index.html?mode=light There are sections where I want to be able to toggle/resize or hide the top big buttons sections can you please help.how can we change the background for the toggle sectionshow we we make it...

Hello,would it be possible to set some background for input:autofill? Firefox sets #8D8A5D, which is ugly and also in dark mode the #92929F text is not visible.Thank you,Martin

Hello everyone,Recently i bought a Craft Dashboard from Keen themes, We have all the dev related stuff there but we are not able to find the design source files like, Figma/XD. Can someone from Keen Themes help me on this. We have lot of customisation need to do before we get on a actual develop...

I am using Keen v2.1.1 demo5 template in Laravel.The js plugins don't work and none of the icon libraries work, any solution? I attach my package.json and my webpack.mix.jsconst mix = require('laravel-mix');const rimraf = require('rimraf');const path = require('path');/*...

I am using metronic demo 6 react version. In the mobile view there are 2 icons. Clicking on each icon it should open a toggle from left and one from right accordingly (as it is in html version).Right now only the right toggle is working. We need to make the toggle appear from the left as well. I tr...

I am currently using metronic v8.2.4 angular I have update angular from 17 to v19 the functionalities works fine but I get some warnings for sass related to @import key word and replacing it with @use and @forward Please confirm that it will not affect any functionalities in the future!!

Hi we are trying to implement the angular version ofhttps://preview.keenthemes.com/metronic8/angular/demo7/dashboardbut sadly is not the same as the HTML version :( why?https://preview.keenthemes.com/metronic8/demo7/dashboardCan you please guide us on how to have the look and feel the same...

Dear All,As you mentioned in other questions answer that related to RTL you said:"Copy RTL CSS file from the HTML version from/metronic_v8.0.x/html/theme/demo1/dist/assets/css/style.bundle.rtl.cssto the Angular folder demo1/src/assets/sass/"Are you planning to create rtl scss file...

In previous versions of Metronic you included a Color Palette page within the Demos. This would be very helpful to be able to see the colors all in one place. In particular, a number of the colors for buttons both for normal and hover state are not WCAG Accessible because the contrast is too low. Ha...

I want to customize the styling of the HTML theme.I followed the description of the document to modify the sass file.( _variables.custom.scss)https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/customization/sass.htmlBut during the process, the sass file cannot be...