New

Updates & Improvements

• HTML Added Demo 7 minimal header option. Add header-bottom-enabled to have bottom menu enabled.
• ANGULAR Added 4 new wizards examples.
• HTML Improve gulp minify build.
• HTML Changed jsUglify gulp build config to jsMinify.

Fixes

• HTML Fixed Bootstrap Touchspin input's default value issue.
• HTML Fixed Draggable Card border issue on draggable zone click.
• HTML Fixed Demo 1 aside toggle click issue on minimized aside hover.
• HTML Fixed Demo 13 multi-level submenu offset issue.
• HTML Fixed User Profile scroll issue on mobile.
• HTML Fixed KTDatatable autoHide toggle when no detail row to render.
• HTML Fixed KTDatatable width adjustment issue when there is no data.
• ANGULAR Fixed Aside Dropdown mode.
• REACT Fixed React Registration Form issue with 'terms and conditions' checkbox.
• Vue Added new Vue Treeselect plugin. See documentation.
• Vue Added vue demo5 version.

Updates & Improvements

• HTML Bootstrap v4.5.2 update.
• ANGULAR Added dynamic aside menu component.
• ANGULAR Added dynamic header menu component.

Fixes

• HTML Fixed HTML formatting issue in all HTML templates files.
• HTML Fixed Demo7 fixed header overlay issue on mobile.
• HTML Fixed Fixed Footer z-index issue.
• HTML Fixed custom/apps/ecommerce/checkout.html form validation bug.
• HTML Fixed KTWizard form validation bug.
• HTML Fixed HTML formatting.
• ANGULAR Language selector dropdown issue.

New

• VUE Added new demo4 vue version. See preview
• HTML Added new Invoice 5. See preview.
• HTML Added new Invoice 6. See preview.
• Angular New version of our Angular application. Features and improvements:
  • IVY renderer support.
  • Angular 10.0.x versions support.
  • New layout structure.
  • ng lint support.
  • Authorization module improvements.
  • Performance improvements and bundles size increasing.

Updates & Improvements

• HTML Improved sticky header functionality for Demo 2, Demo 8, Demo 9, Demo 11, Demo 12 and Demo 13.
• HTML Webpack builder optimization and remove deprecated Webpack plugins.
• HTML KTWizard javascript code refactored with minor changes.
• HTML Bootstrap Select style improvements.

Fixes

• HTML Fixed KTWizard form validation bug.
• HTML Fixed KTWizard step title click bug.
• HTML Fixed Perfect Scrollbar height calculation issue on mobile.
• HTML Fixed Demo 5 Dashboard Tabs responsive issue.
• HTML Fixed Inline Checkbox & Radio wrapping issue.
• HTML Fixed custom/apps/contacts/edit-contact.html responsive issue.
• HTML Fixed custom/apps/projects/edit-project.html responsive issue.
• HTML Fixed custom/apps/user/edit-user.html responsive issue.
• HTML Fixed webpack missing js files import.
• HTML Added jQuery Mask Plugin. A plugin to make masks on form fields.
• HTML Remove space between pagination buttons in KTDatatable.
• HTML Fixed webpack RTL command won't generate RTL CSS files in certain demos.
• LARAVEL Fixed dashboard timeline widget broken style.
• LARAVEL Fixed jsTree and KTDatatable integration issue.
• VUE Vue demos UI improvements, this changes will influence dashboard pages of demo1, demo2 and demo3.
• VUE Fixed bug in demo1, now layout.config.json property aside.self.minimize.hoverable will be working.
• VUE Added Cropper plugin in /plugins/cropper

New

• HTML Added new Invoice 3. See preview.
• HTML Added new Invoice 4. See preview.
• Figma file update:
  • New Demo 12 layout.
  • New Demo 13 layout.
  • 6 eCommerce App pages.
  • 3 Education App pages.
  • 6 Invoice pages.

Fixes

• HTML Fixed Demo 1 topbar toggle issue on mobile mode.
• HTML Fixed quick search result missing image path.

New

• HTML Added new Demo 13. See preview.
• HTML Added new RTL demos. See preview.
• HTML Added new eCommerce app:
  • Dashboard 1 template.
  • Dashboard 2 template.
  • Dashboard 3 template.
  • Dashboard 4 template.
  • Dashboard 5 template.
  • My Orders template.
  • Order Details template.
  • Shopping Cart template.
  • Checkout template.

Updates & Improvements

• HTML Demo 1 fixed mobile subheader option.
• HTML Improved KTDatatable function destroy() to release memory and clear unused variables.

Fixes

• HTML Fixed Demo 7 Fixed Header issue.
• HTML Fixed webpack error during compilation in demo12 and demo13.
• HTML Hide KTDatatable pagination when no rows in the list.
• HTML Fixed missing tinymce plugin import in gulp and webpack.
• HTML Fixed webpack plugin import error.
• HTML Fixed missing datetimepicker plugin import in webpack.
• HTML Fixed noUiSlider plugin error when initialize with empty element.
• HTML Removed console.log() code from wizard.js plugin.
• VUE Fixed demo2 user profile topbar dropdown in mobile view.
• VUE Fixed aside menu when it is collapsed in demo2. Now menu items will be visible when the menu is collapsed.
• VUE Fixed wizard pages in demo2.
• VUE Fixed vertical align for spinners inside a buttons on the page /vue-bootstrap/spinner.
• VUE Fixed z-index bug with offcanvas menu on mobile version. Now the menu will be in front of the header.
• VUE Fixed highlight menu button width on mobile view.
• VUE Fixed dashboard widget broken style.
• VUE Removed left margin for apexcharts on the dashboard page.
• LARAVEL Fixed Laravel source-map warning in DevTools for production build.

New

• HTML Added new Demo 12. See preview.
• HTML Added new Wizard 5 page. See preview.
• HTML Added new Wizard 6. See preview.
• HTML Added new Tempusdominus Bootstrap Datetimepicker Plugin. See preview.

Updates & Improvements

• HTML Added solid theme color options for Tagify plugin. See preview.
• Laravel Sync package.json file with HTML version.
• HTML Removed Bootstrap Datetimepicker by smalot.

Fixes

• HTML Fixed demos topbar dropdowns and custom file input z-index conflict.
• HTML Fixed issye with Fixed Footer page.
• HTML Daterangepicker custom range view border issue.
• HTML Demo3 success color duplication with primary color.
• React Fixed issue with MUI Ripple effect.
• React Fixed padding issues with Registration page.
• React Fixed eCommerce HTML issues with Dropdown.
• React Fixed breadcrumbs disappearing issue when aside is disabled.
• React Fixed getAttributeNames method error on Microsoft Edge.
• Angular Fixed breadcrumbs counting algorithm.
• Angular Fixed Timeline widget HTML.
• Angular Fixed MUI Tooltip components.
• Vue Fixed Non-authenticate user redirection bug to dashboard.
• HTML Laravel Fixed topbar HTML in mobile view.

New

• React Added new Demo 3 integration. See preview.
• HTML Added new Education app:
  • School Dashboard template.
  • School Statistics template.
  • School Calendar template.
  • School Library template.
  • School Teachers template.
  • School Students template.
  • Student Dashboard template.
  • Student Profile template.
  • Student Calendar template.
  • Student Classmates template.
  • Class Dashboard template.

Updates & Improvements

• HTML Checkbox & Radio components improvements. Check out Checkboxes Preview Radios Preview.
• Global Demo2 Subheader padding enhancement.

Fixes

• HTML Fixed Demo 3 Chat popup window issue.
• Vue Fixed topbar dropdown layout issue in the RTL version and mobile view.
• Vue Fixed demo2 subheader padding.
• Vue Fixed undefined image path.
• React Fixed Aside parent active class issue.

New

• React Added new Demo 2 integration. See preview.
• Vue Added new Demo 3 integration. See preview.
• HTML New Login 4 Wizard Singup Page. See preview.
• HTML New Login 4 Signin Page. See preview.
• HTML New Login 4 Forgot Password Page. See preview.
• Global Added new KTUtil.btnWait() and KTUtil.btnRelease() functions to handle the buttons progress states.
• Design New Figma pages:
  • Demo 11
  • Sign 1, Sign 2, Sign 3, Sign 4
  • Wizard 1, Wizard 2, Wizard 3, Wizard 4
  • Calendar
  • Inbox
  • Forms
  • Todo
  • Cards 1
  • Cards 2
  • Invoice 1
  • Invoice 2

Updates & Improvements

• HTML Removed KTApp.progress() and KTApp.unprogress() functions. Instead use KTUtil.btnWait() and KTUtil.btnRelease() as shown here.

Fixes

• Global Fix Aside scrolling issue on iPad Pro.
• HTML Fix Summernote toolbar z-index issue on scroll.
• HTML Fix Page Loader not displaying issue.
• HTML Fix Wizard triggering previouse step on form enter click on inputs.

New

• HTML Added new Demo 11. See preview.

Updates & Improvements

• Global KTOffcanvas component animation improvements.
• Global .btn-secondary hover state background color improvement.
• HTML Custom/Pages/Login pages file structure reorganization.
• HTML Custom/Pages/Login/Login 3 improvements.

Fixes

• Global Fixed widgets height issue on Mac Safari.
• HTML Fixed SweetAlert Swal undefined variable in webpack build.
• HTML Fixed TinyMCE demo page JS errors.
• HTML Fixed broken table layout in Datatables.net demo page.
• HTML Use Datatables.net version fixed to 1.10.19 because the latest v1.10.20 has issue.
• Vue Fixed menu JS error in the header menu.
• Vue Fixed vue-bootstrap tooltip hover timeout too fast.
• Vue Close offcanvas panel on the link click.
• Laravel Fixed webpack.mix.js missing fonts in the production build.
• Laravel Fixed SweetAlert Swal undefined variable in webpack build.

New

• HTML New Login 3 Wizard Singup Page. See preview.
• HTML New Login 3 Signin Page. See preview.
• HTML New Login 3 Forgot Password Page. See preview.
• React Added Form fields validations with Yup and Formik.
• React Added error pages.

Updates & Improvements

• Global Added ability to pass Perfect Scrollbar Options via HTML attributes.
• HTML Added custom dark theme for Bootstrap Tooltip component.
• HTML Bootstrap v4.5.0 update.
• Angular Bootstrap v4.5.0 update.
• React Bootstrap v4.5.0 update.
• Vue Bootstrap v4.5.0 update.
• Laravel Bootstrap v4.5.0 update.

Fixes

• Global Pulse alignment issue on Mac/Safari.
• Global Card with icon issue on mobile.
• Global Bootstrap Popover bug in RTL version.
• Global Horizontal Menu offscreen submenu issue.
• Global Iconbox responsive issues.
• Global Horizontal Menu offscreen submenu issue.
• HTML Demo 3 Sticky Card position issue when Aside toggled.
• HTML Demo 4 Aside scroll mode issue.
• HTML Bootstrap disabled buttons hover issue.
• HTML Fixed missing error pages.
• HTML Fixed Bootstrap Notify animation issue.
• HTML Fixed Login 1 layout issue on Mac Safari.
• HTML Fixed Login 2 layout issue on Mac Safari.
• HTML Fixed form submission issue after successful validation.
• HTML Fixed jQuery-Repeater integration with Webpack and Laravel Mix.
• HTML Fixed KTDatatable ordered column direction differentiation issue.
• HTML Fixed KTDatatable checkbox issue with sorting icon issue.
• HTML Fixed KTDatatable pagination spacing in mobile view.
• HTML Fixed certain font files path issue when compile using gulp
• HTML Fixed Datatables.net integration issue in webpack.
• React Fixed Login page 'width' issue.
• React Fixed subheader non-fixed/solid issue
• React Fixed Registration page 'Terms and Conditions' checkbox issue.
• Angular Fixed Login page 'width' issue.
• Vue Fixed color of expand/collapse aside button svg icon.
• Laravel Fixed line-awesome font import and revised all custom icons import.
• Laravel Fixed Webpack Mix fonts path issues.
• Laravel Removed static mode setting from webpack.mix.js.
• Laravel Fixed Datatables.net integration issue in the Laravel webpack mix.
• Laravel Fixed Select2 integration issue when importing with Datatables.net in the Laravel webpack mix.

New

• HTML New Login Page 1 template. See preview.
• HTML New Login Page 2 template. See preview.
• HTML New Pulse Component. See preview.

Updates & Improvements

• HTML SASS primary color changes from #6993FF to #3699FF for all versions of Demo1.
• HTML The SASS global components variable file _variables.scss devided into the Bootstrap variables _variables.bootstrap.sass and the Custom variables _variables.custom.sass. The demo _variables.demo.sass is used to safely override the global Bootstrap and Custom variables in an isolated scope. Learn more.
• HTML Added code comments in Webpack configuration files.
• HTML Added Logout Button in User Offcanvas Panel.
• Vue Added Vue logout button and logout function.
• Vue config override at the page level using store service. Eg. this.$store.dispatch(OVERRIDE_PAGE_LAYOUT_CONFIG, {/*page layout config*/});
• HTML Added <!DOCTYPE html> to the HTML tag.
• React Added tooltips for topbar components in React

Fixes

• HTML Fixed Missing <!DOCTYPE html> tag in HTML files.
• HTML Fixed HTML Layout Builder bugs.
• HTML Fixed HTML Link click outline issue.
• HTML Fixed HTML Form validation bugs.
• HTML Fixed HTML Tagify plugin readonly mode bug.
• HTML Fixed HTML Toast plugin state colors bug.
• HTML Fixed HTML Subheader layout issue in Demo 6.
• HTML Fixed HTML Header Menu dropdown issue in Demo 8.
• HTML Fixed HTML Datatables.net column sort direction icon colors issue.
• HTML Fixed HTML Sweetalert2 plugins options syntax issues.
• Vue Fixed Vue highlight menu item on active.
• Vue Fixed Vue user profile button hover transparency color.
• Vue Fixed Vue topbar dropdown outline.
• HTML Fixed offcanvas demo panel error on first time load.
• Global Fixed HTML,React,Angular & Vue Menu closing after router changes.
• HTML Fixed npm run localhost from deleting existing assets folder.
• Laravel Fixed Laravel dropdown in subheader partials.

New

• Global New codebase and improved core framework.
• Global Full demos redesign.
• Global Full widgets, components, elements and plugins redesign.
• HTML 200+ new widgets. See preview.
• Laravel New Laravel version for demo1.
• Vue New Vue version for demo1 and demo2.
• Angular New Angular version for demo1.
• React New React version demo1.
• React New React eCommerce module with following features:
  • CRUD http requests examples.
  • Datatable examples based on React-bootstrap-table-next with Filtering/Sorting/Grouping/Pagination functionalities.
  • Redux-toolkit based State manager.

Updates & Improvements

• Global Removed custom Metronic classes kt-* and replace with the Bootstrap standard classes and new Metronic classes compatible with Bootstrap framework.
• HTML Removed custom KTPortlet plugin and implemented new KTCard class on top of Bootstrap Card component.
• Global Dropped IE11 support due to many 3rd-party plugins incompatiblity issues.
• HTML Source code preview for the components and plugins examples.
• HTML Core Javascript code and performance optimization.
• HTML File structure optimization.
• HTML Gulp builder optimization.
• HTML Webpack builder optimization.
• HTML Pre-compiled assets included in the download package.
• HTML Classic version has been removed, the pre-compiled assets can be used as an alternative.
• HTML Removed cookie option from KTDatatable saveState.cookie. Set data.saveState to enable localStorage.
• HTML Single tools folder for all demos of the HTML version.
• Angular Angular 9 update. Lear more.
• React React version refactoring:
  • View parts of _metronicfolder were divided into 4 parts:

    _assets, _helpers, _partials(Shared elements) and layout.

  • layout setup was moved from React Redux to React Context.
  • i18n setup was moved from React Redux to React Context.
  • All components were rewrited from React.Component to React Hooks.
  • Redux, Axios and Mock Axios settings were moved into src/redux folder.
  • Lazy modules were moved into src/app/modules folder.
  • Pages were moved into src/app/pages folder.

Fixes

• HTML Fixed KTDatatable duplicate count of selected checkboxes.
• HTML Fixed KTDatatable negative pagination when there is no record on the list.
• React Fixed createSvgIcon exports error in React demos.
• Angular Fixed ngx-daterangepicker-material library breaking changes in Angular demos.