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

keenthemes supports this item

Supported

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

12208 comments found.

Hi, I am trying to integrate the html template into a Nuxt app.. I can get the css working perfectly, but it’s like the KT functions won’t really react to anything.. Do they need to be initialized in a special way? I just included the dist assets in the loading of the layout and added the body class / id to the html. Thanks alot :-)

Hi :),

Thanks for your interest in Metronic. Metronic does not support Nuxt at the moment.

Basically all core components and function should be initialized after their HTML referenced elements are populated. For example KTApp.init() initializes the global components such as tooltips, popovers, etc. The all in-house components such as KTMenu, KTDrawer, etc should be initialized as well:

KTMenu.createInstances();
KTDrawer.createInstances();
For more info please refer to the documentation: https://preview.keenthemes.com/metronic8/demo1/documentation/general/menu.html

Regards, Sean


Hey :)

We have been working on some amazing stuff and shortly we will be releasing:

1. HTML Demo 2 Dark Mode:
– Skin Switch.
– Layout.
– Pages.
– UI Elements.
– 3rd Party Plugins.
– In-house Components.
– Widgets.
– Layout Builder.
– Documentation.

2. HTML Plugins:
– BlockUI.
– FormValidation.
– FlotCharts.
– Google Charts.

3. Laravel:
– Demo 1 Dark Mode.
– Demo 3 Integration.
- Webpack Mix Improvements.
– Docs Improvements.

4. Vue:
– Laravel Integration Docs.
– Demo 1 Dark Mode Docs.
– i18n Setup Docs.
– Docs Improvements.

5. React:
– Demo 1 Dark Mode Docs.
– Docs Improvements.

Next Up:

1. Laravel:
– CRUD Solution.
– 2 Steps Authentication.
– Application Settings.
– Integrated Charts.

2. More:
– Demo 7 HTML.
– Demo 8 HTML.
– Demo 9 HTML.
– Demo 10 HTML.
– Demo 2 Vue.
– Demo 2 React.
– Demo 1 Angular.

Stay tuned on endless updates to empower your projects.

All updates are free, always!

Regards, Sean

Hello! how can I add color indigo to the theme so I can use the variations indigo-400, indigo-600 and indigo-800?

Hi :),

You can use those extended colors as per the Bootstrap documentation https://getbootstrap.com/docs/5.0/customize/color/ but

Metronic refers to the theme colors only(primary, success, etc).

Regards, Sean

Where and how should I initialize KTApp.init(); and KTMenu.createInstances(‘[data-kt-menu=”true”]’); if i’m using the HTML version with angular 11? Thanks!

Hi :),

Thanks for your interest in Metronic.

Basically for SPA all those instance creation should be placed right after the HTML code population.

We are now working on Metronic v8 Angular version and it should be out in a few weeks. Integration Metronic with Angular integration requires a huge work and we would recommend you to wait for the official Angular release.

Regards, Sean

Why did you stop developing the Android versions of the theme? I am still waiting Metronic Version 7 Demo 6 and 10 Angular versions and you decommissioned the Version 7 and released Version 8 with 0 angular versions – why so? You are selling your product as Angular 11 included – but there is 0 angular versions for the Metronic 8. “Metronic – Bootstrap 4/5 HTML, VueJS, React, Angular 11 & Laravel Admin Dashboard Theme” – since you decommissioned Angular and React please remove them from the name…. and rename it to “Metronic – Bootstrap HTML, Laravel Dashboard Theme”

Hi,

We are working on it with a high priority and we will do our best to release Metronic 8 with Angular 12 within August with lots of enhancement, such as, performance improvements, typescript support, layout optimizations, ready to use AUTH flow implementation with real REST API, native core plugins, etc.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Hi,

your previous reply was on16th of September 2020 “Right now we have implemented only demo1+Angular9 and demo1+Angular10+Ivy versions. Other demos (2, 3, 4) will be implemented and released in October. Please follow us at http://twitter.com/keenthemes to stay updated. Regards, Keenthemes support” still waiting…....

Hi,

We were referring to Metronic 8 Bootstrap 5 + Angular 8 version. As core frameworks and libraries having major updates sometimes it’s hard to catchup with the demo integration but with Metronic 8 we will try to provide as more demos as possible. Thanks for your understanding.

Regards, Sean

All the components and pages are React Ready using Hooks?

Hi,

Yes in Metronic 8 react version components are written using Hooks.

Regards,
Lauris

Hi keenthemes,

Any example of “Vertical Tabs (not pills)” in doc ??, not Vertical Pills Tab ones.

found to be little challenging to set them up from the Bootstrap official website ..

Could you intergrate them into Doc

Thank you

Hi :),

Noted, we will add it into the Doc. Thanks for the suggestion.

Regards, Sean

Thank you Sean

There is a bug in the User drop down at the React app version 8 that won’t slide. To reproduce type and invalid url so you go to the 404 page then click go to home page button. The User drop down won’t work.

Hi,

This seems to be already fixed in the latest Metronic version.

You can check out the preview page:
https://preview.keenthemes.com/metronic8/react/demo1/dashboard

Regards,
Lauris

It is not fixed.

Step 1: Go to https://preview.keenthemes.com/metronic8/react/demo1/dashboard Step 2: Click on Continue Step 3: Check, it should be working Step 4: Go to https://preview.keenthemes.com/metronic8/react/demo1/dashboar (note that the ‘d’ was deleted) Step 5: Click on Go to homepage Step 6: Check , it should not be working

We reproduced it now. To fix this you can reinitialize Menu plugin in header component.

MenuComponent.reinitialization()

Regards,
Lauris

I have purchased & downloaded the v8.0.19 Metronic theme. I am interested in the HTML theme. I am using Rails 6 and I would like to understand how I should integrate the theme with Rails framework. Specifically, 1. There is dist/ and src/ folders. Which one should I use? 2. Since rails uses webpacker and asset pipeline for front-end assets, how do I configure the Metronic HTML theme to make it work with Rails. how to configure it with the theme. Please help me.

Hi :),

Thanks for your interest in our theme – Metronic.

Please note that “src” folder is used to customize the theme source(sass, js, images) and after gulp or webpack compilation the compiled css/js/images will be moved to “assets” folder and you should use the assets folder for your site as you can see how they are used in the templates. For more info you can check this video tutorial that we make for Metronic v7 but it can be used for Metronic v8 despite some file structure changes: https://www.youtube.com/watch?v=ptgwzvvAHy4&ab_channel=KeenThemes

For any further help please contact our support via support@keenthemes.com

Regards, Sean

Does metronic 8 react version ready for converting to mobile app (android and ios)

Hi :),

Thanks for your interest in our theme – Metronic. Please note that our Metronic React is browser based app.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

I wanna use demo 2 as my template with aside but after i set up layout builder then export it, it’s not worked. Please help. I already followed the installation on youtube KeenThemes

Hi :),

If you have followed https://www.youtube.com/watch?v=ptgwzvvAHy4&ab_channel=KeenThemes and having issues can you please contact our support@keenthemes.com and provide us more details for your issue ?

Regards, Sean

Metronic 8 | Multi Step Signup Page | Demo1: Please help me understand this issue, i am unable to access some pages in my windows machine due to permission issue i guess. I can see that it’s visible in live preview but not working on my local machine. WHY is that ?

Hi,

May I know which browser are you using ? Firefox may cause issues when you preview templates offline. Can you try chrome ? Best if you can launch the templates on localhost. Please check https://www.youtube.com/watch?v=ptgwzvvAHy4&ab_channel=KeenThemes for more info. Please note that this video was made for Metronic v7 and it still can be used for Metronic v8 despite some file structure changes.

Regards, Sean

Yes running via localhost resolves it. Thank you very much. It’s working on both Firefox and Chrome.

Glad to hear that :) If you need any further help please do let us know.

Is there a landing page for the Vue 3 version?

Hi :),

Thanks for your interest in Metronic.

At the moment the landing page is available only in the HTML version.

Regards, Sean

Hi keenthemes,

I noticed that the background color (don’t know what you call it in UI Design modal) of a default bootstrap 5 modal is more Darker that Metronic8 modal background color.

in default bootstrap It is more pleasant and let you focus on the Modal content wich in Metronic8 almost the background and the foreground same gradiant.

could you consider that, if not is there a way where I can set that for me ?

thank you keenthemes.

Hello,

Good point. Sure, we will add this UI improvement in the upcoming update.

Thank you.

thank you.

Hello, is it possible to use this theme as a front end wordpress theme ?

Hello,

Since Metronic is an abstract HTML, Vue, React, Angular template it can be used with any web platform, so answer is yes. However you will need to integrate it yourself.

Please feel free to ask if we can assist you further.

Thank you.

Can we use it in Nextjs with Typescript project?

Hi :),

Thanks for your interest in Metronic. At the moment Nextjs is not supported.

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

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

I’m waiting for the blockUI feature for version 8. You said you would do it 2 updates ago :(

https://preview.keenthemes.com/metronic/demo1/features/miscellaneous/blockui.html

Hi :),

We are working on it right now and we will release it in the next update in this week.

Regards, Sean

Two questions:

1) Will you integrate a full CRUD example in the Laravel version with all the necessary pages? A full workflow with create, read / view, update, delete (with delete confirmation) as well as a index list view with filter possibilities would be very helpful.

2) What are the new features that are planned for the laravel version during the next releases / months?

Thanks.

Hi :),

Yes, we will consider such crud features for the Laravel version. In the upcoming update we will release 2 steps authentication, extended user profile and account pages, password reset and other primary modules/pages that every application needs.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

@keenthemes: Cool Thanks sounds good. Beside CRUD, also a full search bar / search result page, multistep registration flow, a language switcher (in the app but also on the login and register pages), a user administrator (for super admins), a contact form and SPAM protection (e.g. Google reCaptcha) would be very helfpul and is needed by a lot of applications. It would also be cool if you could integrate Laravel Fortify as a authentication solutions instead which is very powerful.

Hi :),

Thanks for the suggestion. We will check it further and consider.

Regards, Sean

Hi, Could you tell me how i get access to the Figma files, please? Thank you

Hi :),

Thanks you for your interest in our theme.

The Figma file is available for Metronic 7 version in the design folder of the download zip file. For Metronic 8 version the Figma file will be provided soon. We are working on it at the moment.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Hi keenthemes,

Any chance to have in the next Metronic8 release those colors of Calendar you said they will be soon. !!

Thank you guys.

Hi :),

Yes sure, we will attend to it in the following update somewhere next week.

Regards, Sean

Thank you.

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