Logo

Documentation v8.2.4

Downloads Preview
Light
Dark
System

Metronic v8.2.5 - 30 March, 2024

Update:

  • Synchronize the latest HTML version update - Changelog.

Update:

  • Update bootstrap from 5.3.0 to 5.3.3.
  • Update splash-screen styles.

Fix:

  • Fix sticky header in demo1.
  • Fix duplicated header menu then return to default layout from authentication pages.

Update:

  • Update @vueform/multiselect from ^1.2.5 to ^2.6.6
  • Update axios from ^1.1.3 to ^1.6.5
  • Update vue-axios from ^3.5.0 to ^3.5.2
  • Update typescript from 4.7.4 to 5.3.3

Update:

  • Synchronize the latest HTML version update - Changelog.

Updates:

  • data-kt-drawer-permanent="true” new DrawerComponent attribute to prevent drawer from closing when clicking on drawer overlay.
  • Added vue-router scrollBehavior handler.
  • Moved layout configuration into layout folder.
  • Renamed main-layout to default-layout.
  • Moved vue router to HTML5 history mode for better SEO performance.
  • SweetAlert v11.4.8 downgrade due hidden functionaly - Learn More.

Fix:

  • Default KTDatatable sort configuration issue.
  • Fixed maxVisibleButtons property of TablePagination component used in KTDatatable.
  • Fixed chart widget on default dashboard page.
  • Fixed chart widget initialization when switching theme.
  • Fixed StickyComponent dublicated event listener issue - Preview.

Fix:

  • KeenIcons Rendering issue on Mac Safari - Preview.

New:

  • Docs layout.
  • Docs references page.
  • Illustration docs page.
  • Keenicon docs page.

Update:

  • Updated demo1 navbar.
  • Removed fonticon styles.
  • Dependency update:
    • @fullcalendar/core ^5.9.0 -> ^6.1.8
    • @fullcalendar/daygrid ^5.9.0 -> ^6.1.8
    • @fullcalendar/interaction ^5.9.0 -> ^6.1.8
    • @fullcalendar/list ^5.9.0 -> ^6.1.8
    • @fullcalendar/timegrid ^5.9.0 -> ^6.1.8
    • @fullcalendar/vue3 ^5.9.0 -> ^6.1.8
    • @popperjs/core 2.11.6 -> ^2.11.8
    • @tinymce/tinymce-vue ^4.0.4 -> ^5.1.0
    • bootstrap 5.3.0-alpha1 -> 5.3.0
    • nouislider ^14.6.3 -> ^15.7.1
    • vue-currency-input ^2.1.0 -> ^3.0.5
    • yup ^0.32.8 -> ^1.2.0
    • vite ^3.1.8 -> ^4.3.9

New:

  • Create app wizard refactoring.
  • Updated Loading screen styles.
  • Migration to new icons set.

Fix:

  • Fixed “System” theme mode switch.
  • Fixed header menu toggle buttons and navbar button styles.
  • Fix for static MenuComponent instances.
  • Demo1 light header layout logo fix in dark mode.
  • Added handler to prevent demo1 sidebar hover after toggle click.

Update:

  • Bootstrap 5.3 update.

Fix:

  • Fixed demo1 navbar for mobile view.
  • Fixed double slash in media file path.

New:

  • Moved to Create-Vue application with Vite support.
  • Changed Vuex state management library to Pinia a new default state management library for Vue.
  • New mode configuration property in demo2-demo8 DefaultLayoutConfig.ts.
  • Initialized sign-in input fields with test user email and password.

Update:

  • Updated a following dependencies:
    • @popperjs/core 2.11.5 -> 2.11.6
    • axios ^0.21.4 -> ^1.1.3
    • vue-axios ^3.3.7 -> ^3.5.0
    • bootstrap-icons ^1.5.0 -> ^1.9.1
    • sweetalert2 ^9.10.12 -> ^11.6.8
    • sass ^1.32.7 -> 1.55.0
    • sass-loader 13.0.2 -> 13.2.0
  • Removed theme, themeVersion and demo properties from demo2-demo8 DefaultLayoutConfig.ts.
  • Enabled plain bootstrap tooltips.

Fix:

  • Fixed light/dark image paths in layout builder and customization drawer.
  • Fixed user menu language switcher.
  • Fixed default theme mode in demo1.
  • Demo4 aside menu fixes.

Update:

  • Updated apexcharts dependency from 3.23.1 to ^3.35.5
  • Updated bootstrap version from 5.2.0-beta1 to 5.2.2

Fix:

  • Fixed backgrounds in quick links and notification menus.

New:

  • Element Plus component dark mode color switch.
  • Page prop in KTDatatable component.

Update:

  • PageTitle component improvements.

Fix:

  • Fixed RTL version webpack config.
  • Fixed Element Plus date-picker component usage in modal.
  • Fix missing icons on Profile -> Campaigns page.
  • Fixed aside menu margins in all demos.
  • Fixed datatables selected items counter.

New:

  • Customization drawer.

Update:

  • Demo1 layout update.
  • Layout builder update.
  • Updated theme main font style.
  • Dashboard page update.
  • Auth page layout update.
  • Error 500 page update.
  • Error 404 page update.

Fix:

  • KTDatatable changed header name to be configuration with name property instead of key.
  • Fixed duplicated SwaggerComponent menu.
  • Wizards form validation fixes.
  • Multi-step sign up sidebar markup fix.
  • Fixed i18n-vue import errors.

New:

  • Updated KTDatatable component usage examples.
  • Updated KTDatatable docs.

Update:

  • Wizard page style fixes.
  • Dark/Light mode switch card fixes.

New:

  • Added a dynamic theme mode switch.

Update:

  • Updated bootstrap version.
  • Updated element-plus dependency from ^1.2.0-beta.4 to ^2.2.4.

New:

  • Vue Demo6.
  • Vue Demo8.
  • Multi-step sign-up.

Update:

  • Updated package.json dependencies.

Fix:

  • Fixed demo2 logos.
  • Fixed demo7 dark mode
  • Fixed z-index issue for header menu drawer on mobile version in demo1, demo2 and demo3.
  • StickyComponent on route change initialization fixes.
  • Menu items are over drawer.

New:

  • Vue Demo3
  • Vue Demo4
  • Vue Demo5

New:

  • Added file structure overview doc page.

Fix:

  • Fixed modal error in calendar app.

New:

  • New right toolbar buttons.

Update:

  • Authentication improvements.

Fix:

  • Demo2 chat indicator position fixes.
  • Demo1 mobile menu toggle fixes.

Update:

  • Dark mode doc improvements.

New:

  • Added illustrations switching options in layout builder.
  • Added password meter example on Sign up page.

Update:

  • Vue + Laravel documentation improvements.
  • Updated Element UI dependency to ^1.2.0-beta.4.
  • Aside and header menu improvements, activate active menu item using router active-class prop.
  • Added scrollBehavior for doc pages.

Fix:

  • Webpack configuration fixes

New:

  • New API setup doc.

Update:

  • Quick start doc improvements.

Fix:

  • Custom component initialization fixes.
  • Demo2 fixes for fluid header menu.
  • Fixed duplicated header menu and breadcrumbs then change screen size.

Update:

  • Auth system improvements.

Fix:

  • Fixed demo2 mobile menu.

New:

  • New search menu in header.

New:

  • Added subscriptions pages (Getting Started, Subscriptions list, Add subscription, View subscription)
  • Added new doc pages (Alerts, Rating, Ribbon)

Update:

  • Synchronize the base version update - Changelog.
  • Sidebar minimized state from cookies.
  • Moved themesettings.json into folder _keenthemes/config.

Fix:

  • Webpack configuration fixes

Update:

  • Doc improvements.
  • Updated dependencies.

New:

  • Added KTDatatable documentation.
  • Added Calendar app.

Update:

  • KTDatatable component improvements.

New:

  • Added custom crud datatable solution. Check out new component in components/kt-datatable/Datatable.vue
  • Added customer pages. (Getting Started, Customer Listing, Customers Details)
  • Added new mixed wigets (Sales Progress, Earnings, Contributors, Summary)

Update:

  • Updated Explore drawer.

New:

  • Vue TinyMCE editor integration.

Update:

  • DrawerComponent improvements.

New:

  • RTL version setup doc.
  • Vue Fullcalendar plugin.
  • Vue currency input mask plugin.

Update:

  • Migration to new duotune icons set.
  • Migration to new illustrations set.
  • DrawerComponent improvements.
  • Updated doc overview page.

New:

  • Added demo 2 vue version.
  • Added demo 7 vue version.
  • Added RTL version webpack script.

New:

  • Dark-mode setup doc.
  • Internationalization (i18n) setup doc.
  • Vue + Laravel integration doc.

Update:

  • Split demo and docs pages into two separate apps.

Fix:

  • Fixed drawer hide then route path is changed.

Fix:

  • Fixed content breadcrumb display for content-fluid.

Fix:

  • Fixed breadcrumb on mobile version.

New:

  • Added general modal pages.

Update:

  • Fixed DrawerMessanger initialization bug

New:

  • Added general modal pages (Invite Friends, View Users, Upgrade Plan, Share & Earn)
  • Added form modal pages (New Target, New Card, New Address, Create API Key)
  • Added wizard modal pages (Two-Factor Auth, Create App, Create Account)

New:

  • Added widgets pages.

New:

  • Added vue-i18n plugin and menu translation example. Update languge in profile dropdown.

New:

  • Added private chat page.
  • Added group chat page.
  • Added drawer chat page.

New:

  • Added wizard demo pages.

New:

  • Setup theme skeleton doc.

Update:

  • Updated sign-in form buttons.

New:

  • Initial release.
Preview Get Help Buy Now