Documentation v8.1.4

Preview Downloads Purchase

Metronic v8.1.4 - 12 September, 2022

Fix:

  • Select2invisible clear icon issue - Preview.
  • Tagifywebpack build issue - Preview.
  • Fontawesomewebpack build issue - Preview.

New:

  • Inbox Appmobile drawer menu - Preview.

Update:

  • Chat Applayout improvements - Preview.
  • Inbox Applayout improvements for mobile mode - Preview.
  • Datatableloading indicator style improvements - Preview.
  • Datatableselected state improvements - Preview.
  • Dark Modedocs improvements - Preview.

Fix:

  • KTSticky data-kt-sticky-top="0px"assigment issue fix - Preview.
  • Inbox Appmobile mode responsives issues - Preview.
  • Floating Labelsselect control text overflow issue - Preview.

New:

  • Welcome Messageemail template - Preview.
  • Reset Passwordemail template - Preview.
  • Subscription Confirmedemail template - Preview.
  • Card Declinedemail template - Preview.
  • Promotion Email 1email template - Preview.
  • Promotion Email 2email template - Preview.
  • Promotion Email 3email template - Preview.

Update:

  • Bootstrap v5.2framework update - Preview.
  • Dark Modeimprovements with user preference support - Preview.
  • Corporate Authenticationmobile mode improvements - Preview.
  • KTBlockUIimproved on scrollable element - Preview.
  • Date Range Pickerimprovements - Preview.
  • Offline docswill no longer be included in the zip package. The online documentation will be provided instead with up to date information.

Fix:

  • Demo 1sidebar toggle icon direction fix for RTL mode - Preview.
  • Demo 2header style fix - Preview.
  • Demo 7sidebar toggle icon direction fix for RTL mode - Preview.
  • Demo 8sidebar toggle icon direction fix for RTL mode - Preview.
  • Demo 13sidebar toggle icon direction fix for RTL mode - Preview.

Update:

  • Global Fontupdate to Inter - Preview.
  • Dark Modedocumentation update - Preview.

Fix:

  • Demo 1dark header menu hover style fix - Preview.
  • Demo 5devs app missing pages fix - Preview.
  • Demo 14aside mobile mode overflow issue fix - Preview.
  • Select 2multiple selection mode sizes height fix - Preview.
  • Tagifysizes height fix - Preview.

New:

  • Demo 1 - Djangobackend starterkit with layout, authentication and system pages integration - Preview.
  • Demo 1 - Flaskbackend starterkit with layout, authentication and system pages integration- Preview.
  • Demo 1 - ASP.NET Core 6backend starterkit with layout, authentication and system pages integration- Preview.
  • Demo 1 - Blazorbackend starterkit with layout, authentication and system pages integration- Preview.
  • Demo 1design improvements - Preview.
  • Demo 1HTML & SASS code improvements - Preview.
  • Demo 1 - Dark Sidebarlayout option - Preview.
  • Demo 1 - Light Sidebarlayout option - Preview.
  • Demo 1 - Dark Headerlayout option - Preview.
  • Demo 1 - Light Headerlayout option - Preview.
  • Demo 1 - Theme Customizerpanel - Preview.
  • Demo 1 - Layout Builderimprovements - Preview.
  • Dark Modedynamic switch support - Preview.
  • Corporateauthentication pages - Preview.
  • Overlayauthentication pages - Preview.
  • Creativeauthentication pages - Preview.
  • Fancyauthentication pages - Preview.
  • Multi-stepssign-up page - Preview.
  • Welcomeauthentication page - Preview.
  • Verify Emailauthentication page - Preview.
  • Coming Soonauthentication page - Preview.
  • Password Confirmationauthentication page - Preview.
  • Account Deactivatedauthentication page - Preview.
  • 404 Errorsystem page - Preview.
  • 500 Errorsystem page - Preview.
  • Defaultdashboard - Preview.
  • Call Centerdashboard - Preview.
  • POS Systemdashboard - Preview.
  • 4 Mege Menuoptions for header - Preview.
  • Demo 4 Dark Mode- Preview.
  • Fixed Columnsextension integration for Datatables.netplugin - Preview.
  • Image Radio Buttonsoptions - Preview.
  • Paginationwith custom icons - Preview.

Update:

  • Bootstrap v5.2.0framework update - Preview.
  • Dark Modecode refactoring to enable dynamic theme mode switch - Preview.
  • Font Awesome v6.1.1icon set update - Preview.
  • Datatables.net v1.12.1plugin update - Preview.
  • CKEditor v34.0.0plugin update - Preview.
  • Popperjs v2.11.5update - Preview.

Fix:

  • Webpackbuild js errors.
  • CKEditorgulp build issue - Preview.
  • TinyMCEdefault height issue - Preview.

New:

Update:

  • Documentation pages improvements with quick sidebar navigation - Preview.

Fix:

  • KTMenuoffset issue caused - Preview.

New:

Update:

  • Select2options with image improvement - Preview.
  • Select2selected option color improvement - Preview.
  • Popoverdismiss improvements - Preview.

Fix:

  • Input Groupsolid style validation state issue - Preview.
  • Toastranimation issue - Preview.
  • Demo 3sticky header issues - Preview.
  • Demo 9eCommerce App tabs navigation style issue - Preview.
  • Demo 20tab wrap issue - Preview.
  • Demo 21menu display issye on mobile - Preview.
  • Dark modemissing assets issue - Preview.

New:

  • Metronic Downloadspage to download prefered framework and demo with one click - Preview.
  • Demo 21- Preview.
  • Demo 21 Dark Mode- Preview.
  • eCommerce Customersapp - Preview.
  • eCommerce Reportsapp - Preview.
  • eCommerce Settingsapp - Preview.
  • Contactsapp - Preview.
  • Tagifyexternal suggestions example - Preview.
  • Online Coursedashboard - Preview.

Update:

  • Tagifyexternal suggestions example - Preview.
  • FormValidationdocumentation update - Preview.
  • Date Range Pickerimprovements - Preview.

Fix:

  • Demo 5add question button issue - Preview.
  • Select2option selection with keyboard issue - Preview.

New:

  • Bootstrap Tabs Dropdownsintegration - Preview.

Update:

  • FlatpickrUI improvements - Preview.

Fix:

  • Demo 18dashboard page broken HTML code issue - Preview.
  • Select2dropdown position bug in RTL - Preview.
  • CSSsyntax errors fixes.

New:

  • eCommercedashboard - Preview.
  • Store Analyticsdashboard - Preview.
  • Logisticsdashboard - Preview.
  • Deliverydashboard - Preview.
  • Marketingdashboard - Preview.
  • Socialdashboard - Preview.
  • eCommerceapp with sales module - Preview.
  • Theme Modeswitcher(light and dark) menu in header - Preview.
  • Custom Iconsfont icon set - Preview.

Update:

  • Draggableupdate to v1.0.0-beta.12- Preview.

Fix:

  • Select2dropdown position bug in RTL - Preview.
  • Demo 5 Header Menumobile toggle issue in - Preview.

Update:

  • Use Popper v2.10.1specific version in packages.json.
  • Amcharts v5update - Preview.
  • KTImageimprovements - Preview.
  • KTDialernew API methods - Preview.

Fix:

  • KTMenudropdown position issue caused by Popper v2.11.0minor update. Requires packages update via Yarn.

New:

Update:

  • Figma Fileupdate with new demos.
  • Togglecomponent documentation improvements - Preview.
  • Tagify v4.9.2update - Preview.
  • Inbox Appresponsiveness improvements - Preview.

Fix:

  • Select2group input wrap issue - Preview.
  • Select2search input focus issue - Preview.
  • Date Range Pickerdropdown menu border radius issue - Preview.

New:

Update:

  • Vis Timelinedesign improvements - Preview.
  • Select2custom dropdown width option - Preview.

New:

  • Demo 16- Preview.
  • Demo 16 Dark Mode- Preview.
  • Inbox Appwith messages, compose and reply thread - Preview.
  • Datatables.netresponsive extenstion integration - Preview.
  • Separatortext and icon options - Preview.
  • Cookie Alertplugin integration - Preview.
  • Collapsible Cardexamples - Preview.

Update:

  • Select2hover and select state enhancements - Preview.

Fix:

  • Paginationarrows RTL issue - Preview.

New:

Update:

  • User Managementapp enhancements - Preview.
  • Bootstrap Input Groupintegration - Preview.
  • Advanced Form Controlsexamples - Preview.

New:

  • Demo 12- Preview.
  • Demo 12 Dark Mode- Preview.
  • SweetAlertplugin integration - Preview.
  • Bootstrap Form Controlsintegration - Preview.
  • Bootstrap Input Groupintegration - Preview.
  • Advanced Form Controlsexamples - Preview.
  • Bootstrap Toastsintegration - Preview.

Update:

  • Bootstrap v5.1.3update - Preview.
  • FormValidation v1.9.0update - Preview.
  • File Managercode refactoring - Preview.
  • Toastrplugin update - Preview.
  • Dialernegative value and input change event firing issues - Preview.

Fix:

  • Bootstrap Toastsand Toastrconflict - Preview.

New:

Update:

  • File Managerapp enhancements - Preview.
  • User Managementapp enhancements - Preview.
  • Subscriptionsapp enhancements - Preview.
  • Customersapp enhancements - Preview.

Fix:

  • Steppersubmit button is not shown - Preview.

New:

  • File Managerapp - Preview.
  • Form Repeaterplugin integration - Preview.
  • New Video Tutorialsfrom the core team - Preview.

Update:

  • FormValidationplugin integration with ASP.NET - Preview.
  • DropzoneJSplugin integration improvements - Preview.
  • Profilemenu responsive improvements - Preview.
  • Accountmenu responsive improvements - Preview.

Fix:

  • Page Loadercolor issue in Dark Mode- Preview.

New:

  • Tiny Sliderplugin integration - Preview.
  • Bootstrap Maxlengthplugin integration - Preview.
  • CountUpplugin integration - Preview.
  • Select2integration with Bootstrap Input Group- Preview.
  • Users Selectionmodal example - Preview.
  • Video Tutorialsfrom the core team - Preview.
  • Figmafile for demos, widgets, icons and general elements.

Update:

  • Bootstrap v5.1.1update - Preview.

Fix:

  • KTMenudropdown alignment issue on mobile mode.
  • Customer Appfilter modal datepicker validation issue - Preview.
  • Subscriptions Appfilter modal datepicker validation issue - Preview.

New:

  • Demo 8complete layout and pages - Preview.
  • Demo 9complete layout and pages - Preview.
  • Demo 6 Dark Modecomplete layout and pages - Preview.
  • Demo 7 Dark Modecomplete layout and pages - Preview.
  • Ajax Server Side DataTablesimprovements - Preview.
  • Autosizetextarea plugin integration - Preview.
  • Bootstrap Vertical Tabsintegration - Preview.

Update:

  • Removed .data-kt-menu-flipattributes from the HTML code of KTMenuinstances to automatically handle the responsive and parent overflow modes.

Fix:

  • Fixed KTMenuresponsive and parent overflow issues.

New:

  • Demo 5 - Support Forumcomplete layout and pages - Preview.
  • Demo 5 - Support Forum Dark Modecomplete layout and pages - Preview.
  • Demo 5 - Support Forum Dark Modecomplete documentation and components - Preview.
  • Duotunein-house designed with 400+ SVG icons - Preview.
  • Multiple Illustrations Supportacross pages and apps with in-house designed illustration sets - Preview.
  • Select2country list with flag implementation - Preview.
  • Select2user list with avatar implementation - Preview.
  • Tagifycountry list with flag implementation - Preview.
  • Tagifyuser list with avatar implementation - Preview.

Update:

  • designfolder added with in-house designed SVG illustrations and Duotune icons source files.
  • KTStepperwizard form validation flow improvements - Preview.
  • DuotoneSVG icons replaced with in-house designed Duotune icons - Preview.
  • Old Demo 5renamed to Demo 8- Preview.
  • .containerclass changed to .container-xxlin demos layouts for better responsivenes in small to medium desktops.

New:

  • Demo 3complete layout and pages - Preview.
  • Demo 3 Dark Modecomplete layout and pages - Preview.
  • Demo 3 Dark Modecomplete documentation and components - Preview.
  • Duotunein-house designed SVG with 300+ icons Preview.
  • jsTreeplugin integration - Preview.
  • Vis-Timelineplugin integration - Preview.

Update:

  • Bootstrap v5.1.0update - Preview.

Fix:

  • Fixed KTBlockUIbuild error in Webpack.

New:

  • Demo 2 Dark Modecomplete layout and pages - Preview.
  • Demo 2 Dark Modecomplete documentation and components - Preview.
  • BlockUIin-house plugin - Preview.
  • FormValidationplugin integration - Preview.
  • Flot Chartsplugin integration - Preview.
  • Google Chartsplugin integration - Preview.
  • Bootstrap Buttons with Badgesoptions - Preview.

Update:

  • Demo 1 Toolbarimprovements - Preview.
  • Demo 5 Toolbarimprovements - Preview.

New:

  • jKanban Boardplugin integration - Preview.
  • Cropper.jsplugin integration - Preview.
  • Bootstrap Menuin-house component documentation - Preview.
  • Bootstrap Buttons with Badgesoptions - Preview.

Update:

  • RTL Versionimprovements - Preview.
  • Apexchart v3.27.3update - Preview.

New:

  • Demo 5 Dark Modecomplete layout and pages - Preview.
  • Demo 5 Dark Modecomplete documentation and components - Preview.

Update:

  • Calendarapp improvements with hoverable event summary - Preview.
  • Ajax Datatableimprovements - Preview.
  • Webpackimprovements for assets build in some older version of node.js.

New:

  • Demo 1 Dark Modecomplete layout and pages - Preview.
  • Demo 1 Dark Modecomplete documentation and components - Preview.
  • Demo 1 Compactdashboard - Preview.
  • Demo 6- Preview.
  • Demo 4 Minimaldashboard - Preview.
  • Ajax Datatableintegration - Preview.

Update:

  • Calendarapp improvements with hoverable event summary - Preview.
  • 3rd-Party Pluginsupdate - Preview.

New:

Update:

  • Fullcalendarplugin integration improvements - Preview.
  • Support Centerapp enhancements - Preview.

Fix:

  • Fullcalendartoolbar not wrapped properly on mobile breakpoints - Preview.

New:

Update:

  • Bootstrap v5.0.2update integration - Preview.
  • Fixed deprecation warnings in Sass during compilation for /division following the Bootstrap authors recommendation.
  • Subscriptionsapp enhancements - Preview.
  • Customersapp enhancements - Preview.

Fix:

  • Demo 1and Demo 5toolbar/page title truncated on mobile mode.
  • Datatablesort icon position fix - Preview.

New:

Update:

  • User Managementapp enhancements - Preview.
  • Customersapp enhancements - Preview.
  • KTPlacecomponent class name changed to KTSwapperand data-kt-place-*attribute name changed to data-kt-swapper-*

New:

  • Support Appoverview page - Preview.
  • Support Ticketspage - Preview.
  • Support Ticket Viewpage - Preview.
  • Support Tutorialspage - Preview.
  • Support Tutorials Postpage - Preview.
  • Support FAQoverview - Preview.
  • Support Licensesoverview - Preview.
  • Support Contact Usoverview - Preview.
  • Image Inputin-house plugin documentation - Preview.
  • Togglein-house plugin documentation - Preview.
  • Triangle Ribbonin-house plugin new option - Preview.

Update:

  • Boxed Horizontal Menu Layoutupdate - Preview.

New:

  • Scrollin-house plugin documentation - Preview.
  • Drawerin-house plugin documentation - Preview.

Update:

  • FormValidation v1.8.1plugin update - Preview.

Fix:

  • Fixed Form Checkvalidations show error message at a wrong place.

New:

  • Demo 1 Laravel 8version - Preview.

Update:

  • Blazorintegration documentation enhancements - Preview.

Fix:

  • Fixed Gulpdynamic demo path output by command option. Eg. gulp --demo5

New:

  • Smooth Scrollplugin integration - Preview.
  • Bootstrap Alertsextended integration - Preview.
  • Bootstrap Tooltipsdismiss on click option - Preview.

Update:

  • Blazorintegration documentation enhancements - Preview.
  • DropzoneJSplugin integration enhancements - Preview.

Fix:

  • Fixed gulp-dart-sasswarnings with resolution "gulp-dart-sass/sass": "1.32.13"in packages.json
  • Fixed FormValidationmessage display in wrong container for sign-up forms - Preview.

New:

  • Demo 1 Vue 3version - Preview.
  • Toastrplugin integration - Preview.
  • Apexchartsplugin integration - Preview.
  • Chartjsplugin integration - Preview.

Update:

  • Access CSS variables in Javascriptdocumentation - Preview.

Fix:

  • Fixed Stepperdemo's responsive issue - Preview.

New:

  • Teampage - Preview.
  • Licensespage - Preview.
  • Sitemappage - Preview.
  • AmChart Chartslibrary integration - Preview.
  • AmChart Mapslibrary integration - Preview.
  • AmChart Stock Chartslibrary integration - Preview.
  • Clipboardplugin integration - Preview.

Update:

  • Blazorintegration documentation enhancements - Preview.
  • FormValidation v1.8.0update - Preview.
  • User Managementapp enhancements - Preview.
  • Subscriptionsapp enhancements - Preview.
  • Customersapp enhancements - Preview.

New:

  • Complete User Managementapp - Preview.
  • Advanced User Listpage with add/edit user modals - Preview.
  • Extended User Detailspage with user profile, settings, logs and more - Preview.
  • Advanced User Rolespage with complete CRUD features - Preview.
  • Advanced User Permissionspage with complete CRUD features - Preview.
  • Handy Ribboncomponent with complete documentation - Preview.

Update:

  • Bootstrap v5.0.1update integration - Preview.
  • Blazorintegration documentation enhancements - Preview.
  • DropzoneJSplugin integration enhancements - Preview.
  • Cardcomponent enhancements - Preview.

New:

  • Classic Demo 5with square style - Preview.
  • Font icon Asideand Headermenu options - Preview.
  • UX friendly Landingpage sticky header - Preview.

Update:

  • Landingpage pricing table enhancements - Preview.
  • Blazorintegration documentation enhancements - Preview.
  • Chatapp enhancements - Preview.
  • Subscriptionsapp enhancements - Preview.
  • Customersapp enhancements - Preview.
  • DropzoneJSplugin integration enhancements - Preview.
  • Cardcomponent enhancements - Preview.

New:

  • Complete Landingfor product showcase - Preview.
  • Popular DropzoneJSfile upload plugin integration - Preview.
  • Handy Bootstrap Multiselectsplitterplugin integration - Preview.
  • High demand Google reCAPTCHA v3plugin integration - Preview.
  • Interactive Typed.jsplugin integration - Preview.

Update:

  • Blazorintegration documentation enhancements - Preview.
  • Chatapp enhancements - Preview.
  • Subscriptionsapp enhancements - Preview.
  • Customersapp enhancements - Preview.

New:

  • Blazor Frameworkintegration documentation - Preview.
  • Complete Contact Uspage with feedback form and interactive map - Preview.
  • Extended Bootstrap Tooltipsintegration - Preview.
  • Extended Bootstrap Popoverintegration - Preview.

Update:

  • Layoutenhancements for iOS v12.x & v13.x
  • Chatapp enhancements - Preview.
  • Subscriptionsapp enhancements - Preview.
  • Customersapp enhancements - Preview.

Fix:

  • Fixed Menusand Drawerstoggle issue for iOS v12.x and v13.x.

New:

  • Creative About Uspage - Preview.
  • Complete Pricing & Plan Selectionpage - Preview.
  • Advanced Careers Listingpage - Preview.
  • Fully functional Careers Applicationpage Topbarchat button - Preview.
  • Classic FAQpage - Preview.
  • Extended FAQpage - Preview.

Update:

  • Chatapp enhancements - Preview.
  • Subscriptionsapp payment methods listing enhancements - Preview.
  • Customersapp details table enhancements - Preview.

Fix:

  • Fixed Demo1breadcrumb responsive issue on Mobile.
  • Fixed Demo1topbar icons tooltip issue on Mobile.

New:

  • Fully functional and flexible Chatapp - Preview.
  • Extended Group Chatoption - Preview.
  • Extended Drawer Chatoption - Preview.
  • Global Quick Chat Messangerfeature launched with the Topbarchat button - Preview.
  • Complete Invoice Managementapp - Preview.
  • Advanced Invoice 1template - Preview.
  • Minimalistic Invoice 2template - Preview.

Update:

  • Subscriptionsapp enhancements - Preview.
  • Customersapp enhancements - Preview.

Fix:

  • Fixed Select2search input focus issue on modal.

New:

  • Fully functional Subscriptions Managementapp - Preview.
  • Advanced Subscriptions Listingpage - Preview.
  • Detailed Subscription Viewpage - Preview.
  • Extended Subscription Add/Editpage - Preview.
  • Stylish Blog Homepage - Preview.
  • Well-structured Blog Postpage - Preview.
  • Awesome Fullscreen Lightboxplugin integration - Preview.

Update:

  • Customersapp Javascript files reorganization.
  • Remember Demo 1 Aside Menulast scroll position.
  • DataTablesplugin documentation improvement - Preview.

New:

  • Fully functional Customers Managementapp - Preview.
  • Advanced Customers Listingpage - Preview.
  • Detailed Customers Viewpage - Preview.
  • Documentation for exclusive plugin KTStepper- Preview.

Update:

  • Other Documentationimprovements.

Fix:

  • Fixed long modal content overflowing issue.

Metronic v8.0.0 - 9 April, 2021

New:

  • The first (Demo 1) HTML version for Metronic 8 with the most advanced enterprise ready solution.
  • New unified core framework (SASS, Javascript, Typescript, Webpack, Gulp) for HTML and SPA versions with flexible design system support.
  • Fully functional and real world business oriented solutions.
  • Custom tailored Bootstrap 5 components.
  • No design skills required, code without ever leaving your HTML editor.
  • No CSS/SASS coding required, our flexible CSS utility classes build on top of Bootstrap 5 will cover almost all your design needs.
  • 18 exclusive in-house components.
  • 30 deeply integrated popular 3rd party plugins.
  • Assets(CSS/JS) optimization up to 75%.
  • Gulp v4 & Webpack v5 based build tools refactoring with ES6.
  • Enhanced responsive layouts.
  • Overall Layout structure and performance improvements.
  • Native Custom Scrollbars (Perfect Scrollbar plugin dropped)
  • Components lazy initialization via HTML attributes (no more repeating JS code).
  • Fully functional pages, apps, modals, forms and datatable examples.

Next:

  • Typescript/ES6 support.
  • Other demos releases.
  • Angular, VueJS, React versions implementation.
  • Angular, VueJS, React authentication with real REST API.
  • Detailed documentation of in-house components.
  • Dark Skin support.
  • Frontend Launcher templates.
  • Limitless fully detailed pages.
  • More popular 3rd party plugins integration.
  • More advanced CRUD based apps and pages.
  • More advanced forms and input controls
  • And many more.
Learn & Get Inspired

Support at devs.keenthemes.com

Join our developers community to find answer to your question and help others. FAQs
Get Support
Video Tutorials
From guides and how-tos, to live demos and code examples to get started right away.
Metronic Downloads
Download your prefered framework and demo with one click.
What's New ?
Latest features and improvements added with our users feedback in mind.
Buy now