Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Cart 119,619 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

This author's response time can be up to 1 business day.

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-jg

CODE

<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,

there is any way to design below search filter like google drive

https://imgur.com/a/obNnNlS

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/gulp

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

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-api

In 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/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

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!

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-9qL0D2qljA

Hi,

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,

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.

  1. Use the actual tsconfig.json from vue demo root folder.
  2. 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

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

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey