Highlights
-
New design: This release brings a lot of improvements to the entire theme look and feel. Each demo has been fully re-designed from scratch with our trend setting style and exceptional user experience in mind.
-
New file structure: We have implemented a new file structure that allows utilizing Metronic effiecently and at the same time we will be able to provide regular updates with new features. With this new structure you can easily customize the build by adding new plugins or features or removing un-used ones.
-
Performance: In this version we have done major performance improvements in the core layout of each demo.
-
Github access: New Metronic has been created and previouse repositories Metronic - Default and Metronic - Angular will be discontinued.
-
Bootstrap v4.3.1: We have fully updated and integrated with the latest Bootstrap v4.3.1.
-
Angular 7: We have fully migrated the Angular implementation to Angular 7 with following notable improvements:
- Application structure reorganization.
- Performance optmization.
- Authorization module based on NGRX State Manager.
- eCommerce module based on NGRX State Manager.
- User Management (ACL) module based on NGRX State Management.
- Modular multi demo layout switcher.
- Layout builder with configurable options.
- Multi-language support (i18n)
-
Code prefix: Global css classes, custom javascript plugin class names and html attributes have been changed from
m-*
tokt-*, from keenthemes
format in order to avoid naming conflicts with other frameworks and plugins class names. In order to safely update your code with the new prefix format please follow the below instructions and do update your HTML, SASS and JS files where necessary:- Update the theme source files(sass, js, media & HTML) with the latest version Metronic v6.0.0.
-
Change class names from
m-*
changed tokt-*
. Eg.kt-header
,kt-footer
,kt-widget-45
, etc. -
Change HTML id from
m_*
changed tokt_*
. Eg.kt_header
,kt_aside
,kt_aside_close_btn
, etc. -
Change Custom plugin HTML attributes from
data-m*
changed todata-kt*
. Eg.data-ktmenu-mode="vertical"
,data-ktheader-offset="40"
, etc. -
Custom JS plugins' name changes from
M*
toKT*
.