12201 comments found.
Hello, I am trying to use the HTML fieldset element but the legend is not centered, is there any way to use this element with its original design?
https://prnt.sc/dPA5W5kI9-jgCODE
<fieldset>
<legend>Customer Information</legend>
<input type="text" placeholder="First name" name="firstname"><br /><br />
<input type="text" placeholder="Last name" name="lastname"><br /><br />
<input type="text" placeholder="City" name="city"><br /><br />
<input type="submit" value="Submit" />
</fieldset>
Hi,
To center the legen text you can try:
<legend class="text-center">Customer Information</legend>
Regards, Sean
Hello to show the page loader there is a generator from layout-builder, but directly from javascript as I show it.
I have added this to the body tag
data-kt-app-layout=”light-sidebar” data-kt-app-sidebar-enabled=”true”
but the page loader is not displayed
Hi,
You can refer to this post https://devs.keenthemes.com/question/how-to-trigger-app-page-loader
We invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
CKEditor 5 – v35
CKEditor 5 has brought out version 35 for a while which includes some new features. In fact, its online document right now is for v35 as well so it will be great if you could consider to upgrade the one integrated in Metronic from v34 to v35.
Regards.
Hi,
Thanks for your feedback.
Yes, CKEditor 35.2.1 update will be included in the next update.
If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Hi,
You can refer to Modal Form examples and docs to build your custom forms.
If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
When can we expect the NextJs version?
Hi,
Thanks for your feedback.
We will announce this when we have something up. At the moment can’t announce the ETA.
We invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Hello, To deploy the Blazor version on production the servers need to run the nodejs? Thank you
Hi
,
Thank you for your interest in Metronic.
The build tools are used in your dev environment only for assets generation when you change any sass or js code in the source folder. In production server you only deploy the compile assets and no need to setup nodejs and other build tools.
If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards. Sean
how to find/ download the RTL CSS file for this theme, thanks
Hi,
The RTL CSS must be generated using the build tools as explained here: https://preview.keenthemes.com/html/metronic/docs/getting-started/rtl Firstly you will need to install the build tools as explained here: https://preview.keenthemes.com/html/metronic/docs/getting-started/build/gulpIf you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Hello, My support subscription has ended but still I cannot download the files from the download page. Is there any problem with the Themeforest or do I need to purchase it again to download it?
Hi
,
It seems there is a temporary issue between your internet provider and Digitial Ocean CDN that we use for the Metronic downloads.
In the meantime, could you please provide us with your license key from https://1.envato.market/EA4JP Then we will send you a download link to download Metronic demos and framework versions.
We invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean, Keenthemes Support
.net core version does not include all pages it always redirect me to the same page how can i get the full version? and sure thank a lot for the great job that done here, one of the best.
Hi
,
Thank you for your interest in Metronic.
The .NET and other framework starter kit apps do not include all pages. It only provide a layout level integration and adding new pages will be super easy. You can just configure and setup the route, controllers and just copy paste the content of any page from the HTML templates and include required assets(css/js) using the theme api class as explained in the documentation: https://preview.keenthemes.com/asp.net-core/metronic/docs/theme-apiIn upcoming updates we do plan to add fully working authentication, user management, settings, logs and other useful modules with complete CRUD/Database connection.
If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Thank you for this great work. I bought this theme. What really interests me is the theme of the documentation. Can we have it?
Hi
,
Thank you for your interest in Metronic.
You can check the HTML version’s documentation you can check the Theme Documentation and Video Tutorials
Other version documentation’s can be access from the preview of each version: https://keenthemes.com/metronicIf you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
A problem has been experienced with KTDatatables (Metronic 7). The problem consists of an overflow of the ‘actions panel’ (it is impossible to access to the ‘edit’ or ‘delete’ options in each row).
All columns defined in the table have the same structure (except for ‘actions’). This structure is shown in the ‘code.png’ (‘organizer_phone’ column as an example). The error persists after including the ‘autoHide: false’ and ‘overflow: visible’ in the ‘actions’ column.
Hello,
Since our primary support channel at: https://devs.keenthemes.com/ , we kindly ask you to create a ticket there.
We’ve been long wishing to build a bridge between us and the Keenthemes community. As the email is not the best room to support, we kindly invite you to collaborate with Keenthemes developers from everywhere on Devs Forum.
Best regards, Sean
I am using metronic_v7.2.8, I added tagify to a textbox it works fine but it’s not showing placeholder even if I set it via settings or add it on the input, Kindly advice.
Hi,
Thank you for your interest in Metronic.
Could you please post your question at Metronic Support Center to get better support from the core team and community?
Regards, Sean
Hi, I purchased version 7 and is using in my project. can you please provide download link to old versions please.
Hi,
Metronic’s current version is v8 and v7 is not included in the download package.
Could you please create a private ticket at devs.keenthemes.com and and we will provide you the Metronic v7 download link.
Regards, Sean
Posted. =)
Sure
Will provide it shortly.
Hi,
Do you have a TODO page?
Hi
,
Thank you for your feedback.
We will be creating a new ROADMAP page to highlight upcoming features for Metronic.
If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Metronic 8.1.5 – Laravel maybe have an error. When I run mix, the scripts.bundle.js have two “var KTApp”. Please check and fix it, thanks so much!
Hi,
Could you please redownload the laravel from this site?
https://devs.keenthemes.com/metronic/laravelThanks
I have try with your link above and download from themeforest again. But still error. I fixed this issue by rename resources/assets/core/js/layout/app.js to …/app.jsx and run mix again. The final scripts.bundle.js will have only one “var KTApp”, so Select2 and some components will be working fine. Please check this 
Hi,
As a workaround you can remove this extra file. resources/assets/core/js/layout/app.js Then recompile assets with “npm run dev” again. We will fix it as soon as possible.
Thanks
I have a problem with 8.1.5 is “theme-mode”, Dark and Light not working, only System mode working fine.
If I choose “Light mode”, my computer is “Light mode”, Metronic Light mode working. But, when I choose “Dark mode”, my computer still is “Light mode”, I reload my site, it will be display in “Light mode” again.
And another question, how can I mix only CSS and JS, mix will be excute all file type “CSS, JS, JPG, PNG, GIF, SVG”, so I need mix only CSS and JS to make the mix time is faster. Thanks!
Hi,
Have you checked the Theme Mode docs.
If data-theme-mode="light" attribute is set to specific value then this value will be priority. If it’s not set the KTThemeMode class will use the user’s local storage to remember the last selected theme mode.
If possible could you please move your case to https://devs.keenthemes.com/ so our core team will be able to help you out more efficiently.
Regards, Sean
8.1.4 everything working fine sir, but when I upgrade to 8.1.5, some issue was appeared. When I upgrade to 8.1.5 and run mix, theme mode not working
When I choose “Dark”, the local storage have:
data-theme-mode: dark AND data-theme: dark
But when I reload the page, everything back to “light”, please check it. Maybe I will be must copy all scripts from your preview site. 
I fixed by edit the views/partials/theme-mode/_init.blade.php
https://prnt.sc/V-9qL0D2qljAHi,
Glad you have fixed it. Let us know if you have any issue.
We invite you to join our products community at https://devs.keenthemes.com/. You can get assistance and guidance from KeenTheme’s core developers and community members there.
Thanks
Hi,
I have to add Metronic 7.2.9 to a new project but it seems to be unavailable to download. How can l get it? Thanks in advance for your response
Hi,
Metronic’s current version is v8 and v7 is not included in the download package. However, if you have purchased v8 from https://1.envato.market/EA4JP please create a private ticket at devs.keenthemes.com and we will provide you the Metronic v7 download link.
Regards, Sean
Image input – Tooltip does not disappear after uploading image
https://preview.keenthemes.com/html/metronic/docs/forms/image-input#basic-example- Step 1: Hover on the pencil icon => tooltip “Change avatar” appear - Step 2: Click on the pencil icon to browse a file for uploading - Step 3: Select an image to upload => The tooltip “Change avatar” appears again while the mouse is not hovering the icon.
Could you help to hide the tooltip after uploading the image?
Thanks
Hi,
Thank you for your interested in Metronic.
Noted, we will check it further and fix the issue in the next update.
We invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regard, Sean
Could we have this bug fixed in the next release? It is quite annoying.
Thanks
Hi,
Noted, we will try to include this fix in the next update planned to be released in 1-2 weeks.
Regards, Sean
Hi, I don’t see the fix on the latest version v8.1.7. Could you take a look?
Thanks
Hi,
This fix is not available yet as we could not find a workaround to control the standard browser file input pupup. In the meantime you can consider removing the tooltip message as a workaround. Otherwise the file input popup triggers en event that keeps recreating the Bootstrap Tooltip. This is the browser and Bootstrap tooltip behavior.
Regards, Sean
Hello, the metronic template with Vue+Laravel has a problem. I run npm and it takes 20 minutes
Hi,
We checked our doc and some code previews are outdated. Follow the steps below to fix your integration.
- Use the actual tsconfig.json from vue demo root folder.
- Update your webpack.mix.js as shown below.
const mix = require("laravel-mix"); const path = require("path"); mix.ts("resources/ts/app.ts", "public/js") .vue({version: 3,}) .webpackConfig({ module: { rules: [ { test: /\.tsx?$/, loader: 'ts-loader', exclude: /node_modules/, options: { appendTsSuffixTo: [/\.vue$/], // For production mode change it to false // It's long but it checks types and generates definitions transpileOnly: true } }, { test: /.mjs$/i, resolve: { byDependency: { esm: { fullySpecified: false } }, }, }, ], }, resolve: { alias: { "@": path.resolve(__dirname, "resources/ts/src/"), }, }, });
Also, you can check our vue 3 + laravel 9 (with Vite) integration post:https://devs.keenthemes.com/question/laravel-9-with-vite-vue-3-integration
Regards,
Lauris Stepanovs,
Keenthemes Support Team
Next js???
Hi
,
We will be working on it soon. However the ETA is not clear yet.
We invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Hi there ! Thanks for amazing job.
We started dev a year ago with an old release of metronic including DUOTONE icons and just migrate to the metronic 8.1.2 version. Everything is ok except that now that you only use DUOTUNE, DUOTONE (svg-icon-primary) does not work anymore. Icons keep staying with the black and gray colors and don’t fill with the class color we want to give them.
In the previous version of metronic there was no issue with the both DUOTONE and DUOTUNE icons.
Our app is full of DUOTONE icons and it will be a mess to replace all of them.
Maybe you have a solution. If you don’t, thanks again for amazing work.
Let it go ! We succeed in changing the svg icons. Open the folder in vsCode and replace all the fill=”#000000” (whatever the color is) with fill=”currentColor”. Here is the trick !
Hi
,
Thank you for sharing this. Yes, that is the workaround.
We invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean