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,849 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, please I urgently need the react version with RTL support of v8 ASAP.

Hi :),

Sure, we are working on it with the highest priority and the React 17 version with with Typescript will be released soon.

Regards, Sean

Hi Team,

I have recommended your theme and purchased it on behalf of my company. Now I’m in a trouble. When I download the theme, all the demoes come as a bundle. only I need is demo 1 HTML.

Even I download it according to doc provided by you, its very difficult to separate JS and CSS files (there is a company requirement to use only related JS and CSS on particular page) as all included under few bundle files.

Could you please provide me only demo 1 HTML theme with separating JavaScript/ Style files (instead of including all in to bundle.js & bundle.css).

Please help me. Much needed your support :(

Thank you.

Hi,

Metronic has 2 types of bundles(global and sub bundles). The global bundle includes the core features that used in all pages while sub bundles such as datatable.bundle, fullcalendar.bundle can be included on demand. Nowadays the bundle approach the most preferred way of including assets in your pages since single bundle is loaded more faster than separate files and it’s kept in the browser cache which speeds up subsequent pages loading.

Regarding demos, all demos come with own assets/source folder so you do not need to use other demos if you need only demo1.

For more info please check the theme documentation https://keenthemes.com/metronic/?page=docs and video tutorials or contact our support at support@keenthemes.com

Regards, Sean

Hi,

Thank you for the replay.

We don’t want to load all the scripts in the bundle. We need to use only required components (global or sub) and remove unwanted components. That’s why we need separate JavaScript files to segregate.

Is it possible you to provide the HTML theme with separate JavaScript files instead of bundle file ?

Thank you.

Hi,

We do not have non bundle version of the theme since it is not in high demand and maintaining 2 versions of such massive theme is technically hard.

Dependency handling is quite easy when you use core bundle. You can also minimize the bundle content by removing unused plugins from your Gulp config or Webpack config depending on which builder you use. If you are using Metronic v7 you can check this video https://www.youtube.com/watch?v=NDlQ09mmvu8&ab_channel=KeenThemes to understand how to manage the bundle contents and remove unused plugins.

If you really need to separate the bundle content into separate files you can follow the gulp config file and refer to the mandatory section files and just include the css/js from node_modules after you perform yarn command to install all the dependencies.

For more info about the file structure you can check this video as well https://www.youtube.com/watch?v=oK0JRtieydo&ab_channel=KeenThemes

Regards, Sean

Did metronic come with example for vuejs 3?

Hi :),

We are preparing Metronic 8 Vue 3 version and it should be released very soon. Stay tuned for updates via support@keenthemes.com

Regards, Sean

How long does the bootstrap 5 sass have to wait for it to be patched? I want to use Laravel and sass together.

Hi :),

Thanks for dropping a line.

Metronic v8 Laravel will be out really soon as it’s almost ready and we are in the final testing/refining stage. For sure, Bootstrap 5 SAAS and Webmix integration will be provided for Laravel version of Metronic v8.

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

Regards, Sean

hi great metronic team, I switch to v.8.0.6 now, but….

”$font-family-base” changes to actually font name like ”$font-family-sans-serif”

every time when I want to change to another font family, I should replace many file

May I know the reason? (and the _variables.demo.scss not working in this version)

Hi :),

To change the font familiy globally you will need to change it in the SASS variable($font-family-base) and in the HTML also by selecting a new font here https://fonts.google.com/:

<!--begin::Fonts-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
<!--end::Fonts-->

Then you will need to recompile the theme with Gulp or Webpack.

Regards, Sean

:) I already watched your tutorial before leaved this question

SO I know the the solution you proposed, But there is NO SASS variable ($font-family-base) in v.8.0.6 AND many file use the SASS variable ”$font-family-sans-serif” directly in v.8.0.6

Oh :) If you are working with v8 please change the below sass variable in

demo1\src\sass\components\_variables.custom.scss:
// Font family
$font-family-sans-serif:                            'Roboto', sans-serif;

HI, Nice job. I can see the new Metronic 8 does not have the CRUD section as the previous one, is the Metronic 7 CRUD pages file structure compatible with the M8 version in order to do some copy / paste from there?

Hi :),

Metronic v8 has extended Apps with complete CRUD solutions: https://preview.keenthemes.com/metronic8/demo1/apps/customers/list.html

As you can see the apps are fully functions and with your server side integration it can be fully functional module.

Also we have a new documentation with very detailed documentation a list of form plugins as well: https://preview.keenthemes.com/metronic8/demo1/documentation/forms/select2.html https://preview.keenthemes.com/metronic8/demo1/documentation/forms/dropzonejs.html

We will keep adding new plugins and also more CRUD examples in a future updates.

Regards, Sean

When react will be available fo v8 ?

Hi :),

Thanks for dropping a line here.

We are working on it and we a few weeks away from the release.

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

Regards, Sean

Just curious if v8 will have SCSS for FullCalendar v5, and when you estimate you will have that third-party plugin available?

Hi :),

We are working on it and we will try to deliver this as soon as possible. Probably 1-2 weeks will be enough hopefully. Other popular plugin integrations also will be added soon.

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

Regards, Sean

In version 8.x you dont have shadow buttons anymore ?

H :),

With Metronic v8 we tend to keep the main CSS bundle as minimal as possible so we only provide base options for buttons. You can try to use the Bootstrap “shadow” classes to add shadow style to your buttons. If you need any further clarifications please let us know.

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

Regards, Sean

What aprevisão to launch the template vue 7 js demo version 8?

Hi,

Now we are working on the Metronic 8 vue demo1 launch, we will not launch demo 8 for Metronic 7, we will include it in Metronic 8 in the upcoming updates.

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

Regards,
Lauris

Hi! I’m using version 6.18 and I want to change demo1 default version color, how I can do it? Not just theme color, also aside menu svg blue color etc Regards

Hi :),

Sorry for the late reply.

Please check this video tutorial https://www.youtube.com/watch?v=UPNvy-2ZtQM&t=7s&ab_channel=KeenThemes and if you still need any further help please contact our support via support@keenthemes.com

Regards, Sean

Hi, we want to use this theme for our ERP, but we want a very compact layout so that we can accommodate most of the data. Please suggest a demo to start with.

Hi :),

We highly recommend you Metronic 8 Demo 1: https://preview.keenthemes.com/metronic8/demo1/index.html It also offers some other advanced layouts options here https://preview.keenthemes.com/metronic8/demo1/layouts/toolbars/toolbar-1.html

Regards, Sean

hi, is version 7 EOL? only v8 updates

Hi,

Thanks for your feedback.

We will still support v7 with fixes abd improvements for sure. For v8 we are doing global upgarde with typescript core, Bootstrap 5, vue 3, react v17, angular 11, etc.

Regards, Sean

i am already using 7.1.8. I want to upgrade to 8.0.5. What are the things it will affect ? Can you tell me how to upgrade without affecting many ?

Hi :),

Thanks for your interest in Metronic v8.

In order to upgrade to v8 you will need to do full code refactoring since Metronic v8 comes with Bootstrap 5 while Metronic v7 is compatible with Bootstrap 4.

For more info please check

https://youtu.be/44YrR1ueDJk https://keenthemes.com/blog/metronic8 https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/build/gulp.html

You can also reach our support via support@keenthemes.com for any further help

Regards, Sean

There are too many file to etract from the ZIP . I think 7.x has less . Its taking too much time

The zip size is almost similar size. Probably you are using Windows default unpacker which is works quite slow with large files. Please try 7zip from: https://www.7-zip.org/

Hello, any prediction of when blockUI will be installed in version 8?

Bug: Dark tooltip, left and right, the arrow is white!

The new version is getting really good, congratulations!

Thanks!

Hi :),

Thanks for your feedback. The dark tooltip issue will be fixed in the next update shortly. BlockUI integration will be available in the following update.

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

Regards, Sean

I am using versions 4.7.5 and 5.1.1 of the theme. Do you have this version’s Figma file?

Hi,

Thank you for dropping a line.

For the old versions we do not have Figma files.

The Figma files are available for Metronic v7 and for Metronic v8 we will provide the new Figma file very soon.

if we can help with anything else please do let us know.

Regards, Sean/.

Please When will Metronic Demo 8 get its angular version ?

Hi :),

We are working on it with a high priority and we will do our best to release it as soon as possible 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.

Please follow us at http://twitter.com/keenthemes to stay updated.

Regards, Sean


Hey :)

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

1. The Most Anticipated Metronic Landing Page:

– Product Hero block.
– Product Preview carousel.
– Team carousel.
– Pricing Tables.
– Features Highlight block.
– Client Testimonials block.
– Latest Works block.
– Extended footer.

2. 3-rd Party Plugin Integration:
– Type.js
– Bootstrap Multiselectsplitter.
– Dropzone.js
– Google reCAPTCHA.

3. Blazor Integration Documentation improvements.


Next up:

1. Enterprise Ready User Management App:
– Complete users CRUD.
– User creation/update forms with Modal.
– User login history.
– User activity logs.
– User security settings(password change, 2-steps authentication).
– Assign user roles and permissions.
– User roles CRUD.
– User permissions CRUD.

2. Metronic Demo 1 Vue 3 with Typescript support:
– Composition API.
– Full Layout Integration.
– Fully Functional Authentication.
– Sign-in, Sign-up and Password Recovery pages.
– User Profile and Accounts pages.
– Layout Builder.
– Element Vue 3 UI Library integration.


Stay tuned on endless updates to empower your projects!

Regards, Sean

PLEASE complete the react components to include everything that’s in the html version! React template has very little components compared to that. Is there any planned date youre going to add these?

Hi,

Thanks for your feedback. Most of the HTML version features are jquery based plugins so they can not be ported to React but for React we will try to add alternative solutions soon after release Metronic v8 React v17 soon.

Regards, Sean

When can we expect the Metronic 8 VueJS version? Is it easy to start with Metronic 7 VueJS and upgrade to Metronic 8 VueJS as soon as you released it? What are the main differences about Metronic 7 and 8? Thanks in advance!

Hi :),

We are preparing Metronic v8 Demo 1 for release(in 1.5 – 3 weeks) with following improvements:

– Vue 3
– Typescript
– Composition API.
– Full Layout Integration.
– Fully Functional Authentication.
– Sign-in, Sign-up and Password Recovery pages.
– User Profile and Accounts pages.
– Layout Builder.
– Element Vue 3 UI Library integration.

Stay tuned for updates via https://twitter.com/keentheme

Regards, Sean

Hi,

Sorry, i missed this part.

Regarding the v7 to v8 upgrade, yes, that can be relatively easy since we reuse the structure. However the new Vue solution will have many breaking changes since it’s based on Bootstrap 5 Vue 3, Typescript and Composition API

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