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,362 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12192 comments found.

Greetings,

I like your solution, but i noticed the Angular version does not include all screens/components i expected to see, for starter i’m trying to find the ticket support screen but it is not included in the Angular version, should i take them from somewhere and manually add them to Angular??

Hi :),

You can find our reply to the above here: https://devs.keenthemes.com/question/ticket-support-screens-in-angular

Regards, Sean

I saw this question and answer before i post my comment, it is not recommended to use JavaScript in Angular, and the process of coping files and redoing functions and forms validation etc will be inconvenient.

Do you recommend a certain process of integrating the pages i want that doesn’t feel like doing major refactoring ?

Hi,

Our Angular solution uses the default HTML version with core ts components. However the features presented in the content are not fully integrated with Angular so those missing features you can integrate by your own according to your project requirements. You can fully reuse the pages HTML code in your angular pages and rewrite the JS code with TS in angular way.

Regards, Sean

Hi i purchased this back in 2020/2016 with older version like Metronic 7.0 I am in urgent need of that version download. I just paid support close to 40$ just now. Can you please help ?

Hi :),

We have already replied to your request! Please let us know if you need anything else.

Regards, Sean

Perfect. Yo are awsome. Thanks for the support

it’s our pleasure. Please let us know if you need any further help :)

hola he comprado la licencia, y dentro de l carpeta no tengo el html solo aparece codigo binario, hay algun problema? como se soluciona? pense que venia con toda la información del sistema

Hi,

Can you please provide more info and clarify your issue ?

If you have downloaded Metronic from here on Themeforest, all the HTML and other source codes should. have been included. Which framework are you reffering to ? HTML, react or angular ?

Regards, Sean

Is Metronic deployable on Firebase? I tried and it’s giving me errors when deploying. Even the local build isn’t working.

I made the necessary changes in code for deployment then ran this command. But doesn’t seem to work, are there any changes to be done for firebase deployment?

Hi,

By right Metronic as an HTML templates should work in any web server environment. Could you please reach our support via devs.keenthemes.com and provide with more information for your issue ? Which Metronic version and demo are you using ? Can you also provide a screenshot of your issue using https://imgur.com/ ?

Regards, Sean

Hi! Any updates on the Nextjs + tailwind version?

Hi :),

We are working on it and it’s going well. We will announce the ETA as soon as possible.

Regards, Sean

Hi Sean, great to hear :)

However, any potential release date please ?

Hi :),

Hard to confirm, hopefully within several month.

Regards, Sean

Hi, for Angular, do you have template for demo 9?

Hi,

At the moment Metronic Demo 9 is not available for Angular. Please consider using available Demo 1 – Demo 7 Angular demos.

Regards, Sean

Will you add Demo 9 for Angular in the future?

Hi,

We can consider it but at the moment we are not able to confirm it. We would suggest you to consider using already available Demo 1 – Demo 7 of Angular implementation.

Regards, Sean

Hello, in the Drawer plugin the advanced settings for responsive display have not been working for a long time. For example: i is setting data-kt-drawer-width=”{default:’300px’, ‘md’: ‘500px’}” the “md” value is completely ignored. It doesn’t work on the demo on your page either. The template library for Laravel is a huge disaster. It would be nice to rewrite it with at least PHP 8.0 standards in mind.

Hello, The problem is that scss allows you to define your own prefix, e.g. $variable-prefix: kt-; However, this setting is not reflected in KTUtil.getBreakpoint: function(breakpoint), line: var value = this.getCssVariableValue(‘-bs’ + breakpoint); where the prefix ‘-bs’ is fixed.

Sorry for my comments, but I hope I helped.

Hi,

In Metronic v8.1.8 we used “kt” prefix for CSS variables. However since v8.2.x we are using Bootstrap’s standard prefix for sass and js. If you changed the prefix for sass then you will need to change it for js in your v8.1.x version. I hope this will help.

Regards.

Hi there, where put images like logos that need to change? Now gulp overwrite them!

Hi,

Please put them in the source folder src/media and use gulp to move them to assets folder during sass/js compilation.

Regards, Sean

Hi team.

I’ve purchased the Metronic template from the themeforest to use the fullcalendar example. - https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469

However, I could not find the fullcalendar example for ReactJs but only can see the html version.

Can I get an example for the ReactJs fullcalendar code? If it’s not provided then AngularJS version or theme for Metronic V7 will also be okay.

Thanks.

Hi,

Thank you for reaching out to us.

Unfortunately, at the moment, fullcalendar plugin is not available in our React version.

You can check out Fullcalendar example from our HTML version and try to adopt it for your React application. Styles required for Fullcalendar are included in the initial Metronic React package. You can find Fullcalendar style file in /src/_metronic/assets/sass/core/vendors/plugins/_fullcalendar.scss

Also, as an alternative, you can reuse React examples from the official Fullcalendar docs. https://fullcalendar.io/docs/react

The Metronic 7 can be downloaded from our GitHub repository, from branch Metronic-v7.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Hi. Lauris.

Thank you for the reply.

However, the link you’ve provided for v7 github repository is unavailable now. Could you please check the link again?

Hi,

To download Metronic v7 please email our support via devs.keenthemes.com and we will send you v7 download link.

Regards, Sean

Hello!

I’m trying to understand what this toolkit is for if you could help me to understand. If I understand what you’re selling, is a framework which I could integrate with my existing html logistics website and this toolkit could be used as the backend / admin side of what happens on the front correct?

I have right now a website on let’s say domain.com and I would like to have a custom backend system to manage it instead of using WordPress, are you saying this is what metronic does?

Hi,

Metronic is a custom HTML template that you can use it as an UI solution for your app by implementing the backend part by your own. Please note Metronic itself does not manage your website, you will write your backend code and use Metronic design and UI templates.

If you enquire for further assistance or have questions, we invite you to join our Community Support Forum. There you can get assistance and guidance from KeenThemes core developers and community members.

Regards, Sean,

In Angular documentation There is a page about the RTL Version and how to work on it But in the React documentation there is no information about RTL Version How can it be activated in React, knowing that there is English and Arabic? Therefore, I want the transition between the two languages to be effective in terms of the direction of writing.

but in src/main.tsx file there is a comment /* * TIP: Replace this style import with rtl styles to enable rtl mode * * import ’./_metronic/assets/css/style.rtl.css’ */ and this file is not exists

it work…. There is a simple modification in the “theme-switch-funcions” file. In “setLtrMode” function The replacement should be like this

replace(“style.bundle.rtl.css”, “style.bundle.css”));

Hi :),

Great Glad to hear that this solution works. We will repost it in devs.keenthemes.com and hopefully it will be useful for other users as well. Your contribution is much appreciated!

Regards, Sean

Do you support Laravel vue inertia

Hi,

Metronic has separate Laravel and Vue versions that you can check in the preview here all available Metronic features.

Regards, Sean

Maybe an error abour webpack.mix.js

This code:
path.normalize('resources/mix/vendors/')

will return:

resources\mix\vendors\
but the “file” will return:
resources/mix/vendors/vis-timeline/vis-timeline.bundle.js

So this code doesn’t work and no plugin is built:

mix.scripts(require('./' + file), `public/assets/${file.replace(path.normalize('resources/mix/vendors/'), 'plugins/custom/')}`);

The difference here is: ”/” and ”\”

I am developing my project in Localhost.

Hi,

Thank you for letting us know. We will check it further and fix it. May I know which OS are you using? Is it Windows, MacOS, or others?

Thanks

I’m thinking about buying the kit, to create a Laravel project, with several pages.

My question would be the following, would you suggest that I install the laravel template and then take it from the HTML project and place it in the project, or does the Laravel project that I am installing already have the screens?

Hi :),

Appreciate your interest in Metronic.

Metronic comes with ready to use Laravel Started Kit, with basic auth and CRUD implementaiton. You can preview the Laravel App here and check the docs as well.

Regards, Sean

This way I can install the laravel template that has the logins, but then create several other pages using html and just importing the js and css of each one?

Hi,

Laravel starter kits offer a basic set of pages, eg. authentication features. However, if you need additional pages, you can create them using an HTML version template. You can start with the Laravel starter kit and then customize your project by integrating more pages using HTML template.

Thanks

Hello and thanks for the great designs.
1- I noticed not all pages are in the design folder, figma files. Is there a specific reason why did you not included all designs?
2- Do you guy have plan to add Tailwind? or Vanilla.js? Is there an ETA?
Thank you.

Hi,

1. Yes, at the moment pages are partially included in the Figma. 2. We are currently working on the Tailwind version with new design. Complete Figma will be provided for the new Tailwind version asap. 3. Please check our 2024 roadmap.

You will get all the new features for free when the updates are releases.

Regards, Sean

Why don’t you send another print of what the next version of Metrônic will be? I want to buy another license to start a new project, but first I wanted to get an idea of ​​what’s coming in terms of visuals. Detail a little more :)

Hi :),

Sure, you can check it here.

Regards, Sean

The attach file is in Metronic 7, why isn’t it in Metronic 8?

Hi,

Do you need a File Input or File Upload feature in Metronic 8 ?

If yes, please refer to KTImageInput or Dropzone.

if you need any further help please reach our support via devs.keenthemes.com

Regards, Sean

Your laravel template has a landing page already?

Hi :),

Thank you for your interest in Metronic.

Metronic Laravel Starter Kit comes with general page and crud module implimentation. However its fully compatible with the Metronic HTML template so basically you can use the landing page in your laravel app.

After purchasing Metronic you can reach our support via devs.keenthemes.com for any further asistance.

Regards, Sean

Hi Sean,

You only have 1 landing page right?

Hi :),

Yes, at the moment only one landing page. More to come soon. After purchasing Metronic all future updates and new features will be available for free.

Regards, Sean

Does your Laravel template has a Landing page already?

Pre buy question – if i buy this theme is there any restriction to where and how i host it? If i run the build command in react will it create a build or dist folder so i can host it on the server?

Hi :),

Sure, you can host it anywhere, there is no restriction. However single license is limited for single use. For each new project and installation, you will need a separate license.

If you need any further clarifications please do let us know.

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