Documentation v8.0.25

Preview Purchase

Metronic v8.0.25 - 20 September, 2021

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.

Explore Metronic

Demo1

Demo2

Demo3

Demo4

Demo5

Demo6

Demo7

Demo8

Demo9

Demo10

demo
Coming soon

Demo11

Demo12

demo
Coming soon

Demo13

Demo14

demo
Coming soon

Demo15

demo
Coming soon

Demo16

demo
Coming soon

Demo17

demo
Coming soon

Demo18

demo
Coming soon

Demo19

demo
Coming soon

Demo20

demo
Coming soon