New

• Added HTTP Inteceptor example in eCommerce module

Updates & Improvements

• Separate eCommerce services for fake REST API and real HTTP requests. Mock Back-end documentation.

Fixes

• Fix RTL arror direction for Aside Menu
• Fix Fontawesome sizing classes(e.g: fa-2x,fa-2x)
• Fix SweetAlert2 body auto height issue
• Fix Spinner and Loader animation issue on IE11
• Fix HTML source codes indentation and formation
• Fix extra quotes in HTML source
• Fix mDatatable checkbox bug (freeze and crash) in iOS
• Fix Angular Portlet Component's variable name typo, change from headOverflay?: boolean; to headOverlay?: boolean;

New

• Added new Angular 6 Demo 2 demo.
• Added new Angular 6 skeleton Default demo.

Updates & Improvements

• Added isMockEnabled switcher to /src/environments/environment.ts file for easy switching from 'Fake' to 'Real' REST API. Doc is here.

Fixes

• Fix typeahead page showing warning error.
• Fix mDatatable sorting does not initialize with asynchronous JS.
• Fix mDatatable sorting icon not appear using HTML table.
• Fix Angular 6 sticky portlet header.
• Fix Material Angular mat-table examples.

Updates & Improvements

• Cleanup assets and remove unused JS files in Angular assets..

Fixes

• Fix Angular mPortlet header on the responsive mobile mode.
• Fix Angular dialog demo page. The text input does not update on submit.
• Fix Angular top bar header and left side navigation menu style, was broken on Safari browser.
• Fix mDatatable checkbox selection should be removed after calling datatable API reload()
• Fix Timepicker demo page. The input does not update on timepicker updated.
• Fix gulp compiler error when RTL and CSS source map is enabled..

Updates & Improvements

• Angular assets cleanup, remove unused js code

Fixes

• Fix Google font URL to support both http and https

New

• Fully Native Angular 6.1.0 Version for Default demo.

Updates & Improvements

• Bootstrap v4.1.3 Update.
• Removed Angular 5(jQuery dependency) version for all demos.
• Improve mDatatable nested searching & filter for local data source

Fixes

• Fix mDatatable select all checkbox API.
• Fix mDatatable primary key check.
• Fix mobile menu height issue(default and other demos).
• Demo 3 fixed aside mode issue.
• Demo 2 and Demo 5 header z-index issue.

New

• RTL(Right To Left) Support. Preview it here.
• New Login 6 page. Preview it here.

Fixes

• Fix mDatatable checkbox selection should be removed after datatable reload() call.
• Fix Owl Carousel missing images.
• Fix mUtil.scrollTo API function issue.
• Fix Sticky Form Actions on Aside toggle.
• Fix mWizard Form Wizard JS error on form validation.
• Fix Custom Scroller height issue on mobile.
• Fix Demo3 fixed aside mode issue.
• Fix Demo2 subheader margin issue on tablet and mobile modes.

New

• New Sticky Portlet. Preview it here.
• New Sticky Action Bar.Preview it here.
• New Type typography component. Preview it here.

Updates & Improvements

• Bootstrap v4.1.1 Update.
• Fontawesome5 Update.
• Sweetalert2 v7.22.0 Update
• Migration from jQuery Custom Scrollbar plugin mCustomScrollbar to Perfect Scrollbar plugin. For data-scrollable=true change data-min-height to data-height.
• Add autoprefixer to the Gulp compiler.
• Improve overall theme performance.
• Improve Aside Menu submenu accordion animation.
• Improve Page Smooth Scrolling.
• Improve Portlet responsiveness.
• Enable IE10 and IE11 support.
• Improve fixed Aside Menu hover mode.
• Add layout.customScrollbar in mDatatable option to enable/disable custom scrollbar.

Fixes

• Fix Locked mDatatable issue.
• Fix Line Tabs click issue on Safari.
• Fix Content Wrapper overflow issue for all demos.
• Fix Left Aside z-index issue for all demos.
• Fix Smooth Scrolling on iOS devices.
• Fix Popover dark skin arrow color issue.
• Fix Demo 12 header bg issue on boxed layout.
• Fix Topbar profile menu's user pic border radius issue.
• Fix Content Scroll issue for all demos.
• Fix Wizard 4 navigation issue on smaller width.
• Fix Fontawesome5 icons custom sizing classes.
• Fix mDatatable auto scroll to top when click empty link in Edge and IE browser.
• Fix mDatatable API for checkbox not clear when setActiveAll(false) and then reload().
• Cast mDatatable pagination meta to integer if string privided.
• Fix mDatatable reload() for remote JSON not updated.
• Fix mDatatable local search does not find value other than string.
• Fix Gulp Compiler to compile by demo option.
• Prevent mDatatable checkbox to be cleared after refresh.
• Remove mDatatable unnecessary loading spinner.
• Fix SweetAlert2 deprecated function warning.

New

• New Demo11 added. Preview it here.
• New Demo12 added. Preview it here.
• New datatables.net plugin integration. Preview it here.

Fixes

• Fixed blockUI JS error.
• Fixed Quicksearch close icon visibility issue.
• Fixed Quicksearch mobile layout issue.

Updates & Improvements

• Bootstrap 4.1.0 update.
• mDatatable performance improvements
• Remove mDatatable deprecated methods: row.getDatatable() and row.getIndex() in template callback.
• mDatatable local search and filter improvements.
• For mWizard plugin added mWizard.stop() and mWizard.start() API methods instead of retruing boolean value from Event handler function to cancel wizard step.

Fixes

• Fix Angular login page script error of undefined function animateClass.
• Add missing revenueChange(); to initialize script at dashboard.js.
• Fix mDatatable select-all checkbox to not check all other checkboxes in other cells.
• Fix mDatatable add undefined check to the returned remote data.
• Fix to "today" date error in dashboard.js.
• Fix gulp command for Angular to allow without flag --angular-jquery.
• Fix missing profile page.
• Fix missing jquery-ui images.
• Fix jquery-ui to exclude tooltips, to prevent conflict with the Bootstrap's tooltip.
• Fix mDatatable Local search not looking into nested object.
• Fix mDropdown with hover mode can not toggle on mobile.
• Fix fixed scrollable aside menu issue for all demos.
• Fix Demo 3 JS error on window resize.
• Fix Default demo aside hide issue.
• Fix mDropdown z-index issue with Bootstrap tooltip and popovers.
• Fix form section layout font size issue.
• Fix Bootstrap Dropdown z-index should be higher than the header's z-index issue.
• Fix Portlet footer border color issue.
• Fix Portlet footer issue on fullscreen mode.
• Fix left side menu scrollbar m-menu-scrollable.

New

• New widget - Personal Income
• New widget - Finance Stats
• New widget - Packages
• New widget - Earnings

Updates & Improvements

• IE10 support officially dropped.
• All Metronic's custom plugins have been rewritten in pure Javascript in order to use theme in native Angular, VueJS and ReactJS versions in the near future:
  • mMenu
  • mDropdown
  • mHeader
  • mOffcanvas
  • mPortlet
  • mQuicksearch
  • mScrolltop
  • mToggle
  • mWizard
• Metronic's custom plugins HTML attribute prefix changed from data to m. Eg: m-dropdown-toggle="hover", m-dropdown-persistent="hover".
• Update Bootstrap Select to the latest version v1.13.0-beta.
• Update Lineawesome to the latest version.
• mDatatable local data source search method now support multi values by passing array: datatable.search(['search', 'values'], ColumnName);.
• mDatatable add class option to the individual column.
• mDatatable inherit row <tr> properties from HTML table.
• mDatatable add option for remote data request timeout.
• Angular conf file tools/conf/angular.json has been renamed to tools/conf/angular-jquery.json.
• Added manualStepForward parameter for mWizard plugin to control step forward on step number click.
• Footer menu optimizations on mobile view for all demos.
• Enable ajax request fire timeout parameter requestTimeout for mQuicksearch plugin.

Fixes

• mDatatable width overflow issue for demo 2, demo 5, demo 8 and demo 10
• mDatatable fix local sort not working at initial load.
• mDatatable fix getPageSize API returning not correct selected value.
• mDatatable fix hidden locked columns.
• mDatatable fix resize after hide columns.
• mDatatable fix sort API, missing param sort type.
• mDatatable fix from calling remote when server filtering is disabled.
• mDatatable fix sort arrow not displayed for right aligned column.
• mDatatable fix auto hide column with wrong header title.
• Fix left aside menu collapse/expand event to fix redraw mDatatable layout.
• gulp fix jquery-ui to include missing assets in the bundle.
• Metronic custom alert close icon padding fix.
• Metronic custom dropdown navigation section margin improvement.
• Enable document scrolling when Sweetalert2 launched.
• The page title and breadcrumbs are not shown on mobile when fluid page layout is activated for all demos.
• Form Wizard 2 demo's progress bar issue.
• Modal z-index issue when page loader(splash) is activated.
• Bootstrap Select's data-size HTML parameter issue.
• Metronic custom alert close icon padding fix.
• Mobile mode breakpoint changed from 992px to 1024px to enable mobile view for ipad portrait mode.

New

• New PSD files
• New Sketch files

New

• New Demo 8. Preview here.
• New Demo 9. Preview here.
• New Demo 10. Preview here.
• New Invoice v1. Preview here.
• New Invoice v2. Preview here.

Updates & Improvements

• Updated to the latest Bootstrap 4 Stable. See the changelog for more info.
• Upgrade to Angular v5.2.0.

Fixes

• Remove duplicate double quotes for timeline-2 component
• Fix duplicate include fullcalendar plugin in Angular.
• Right aside issue in Demo2 and Demo 5.
• Window resize handler optimization.
• Background color issue for focus state of outline buttons.
• Left aside menu scrollbar height autocalculate issue.
• Summernote editor toolbar's z-index issue.
• Summernote font styles(bold, italic) do not work.
• mDatatable reset scroll position after content changed.
• mDatatable fix local HTML table search by column name.
• mDatatable for local HTML table, removed span tag from data source.
• mDatatable display spinner on every AJAX request.
• mDatatable fix error message position display.
• mDatatable fix row details does not show the correct title on expand.
• mDatatable Disable autoHide for locked columns table.
• mDatatable trim extracted html-table values.

New

• Github access to the Metronic's repositories. To register please click here.

Fixes

• mDatatable fix exclude empty parameters from request.

New

• New Mega radio options form control.
• New FAQ page.
• New Validation demo for 4 columns form layout.
• New Accordion layout.
• New Nav submenu feature.
• New Form wizard layout.

Updates & Improvements

• Update to the latest Bootstrap 4 Beta 3. See the changelog for more info.
• mDatatable data.source.read.params option will be sent as parameters to backend API service.
• mDatatable ajax parameter namespace datatable is deprecated.
• Update to the latest Summernote v0.8.9.
• Default demo: Remember sidebar toggle state in cookie for Default Demo.

Fixes

• Fix mDatatable local and server datasource filter conflict.
• Fix Demo 4 layout z-index issue when modal window opened.
• Fix Demo 4 layout content container overflow issue.
• Fix small size icon only buttons height issue.
• Fix Portlet collapse API function works inverse.
• Fix Quicksidebar messanges component's message aligment issue on wider width container.
• Fix Quick search input spinner icon position issue in all demos.
• Fix Bootstrap Datetimepicker form validation does not change state after value selection.

Fixes

• Fix Markdown plugin preview issue
• Fix Demo 7 mobile header background color issue.
• Fix gulp --prod empty css file and minification issue.

New

• Demo 7
• 3 Timeline components
• mWizard Custom Plugin
• 4 Form wizard examples using mWizard plugin
• SweetAlert2 integration
• Accordion component
• Datatable responsive auto hide columns.
• Datatable 2 new row callbacks options rows.beforeTemplate and rows.afterTemplate.
• Datatable add new option search.onEnter, for search on Enter button keyup.
• Datatable checkbox extension for records selection.
• Datatable add minHeight option.

Changes & Improvements

• Bootstrap v4.0.0-beta.2 update
• Depreciate Bower and use Yarn instead. Now all 3rd party plugins are managed via NPM and Yarn
• Update all 3rd party plugins to their latest available versions
• Enable to export with the left aside for Demo 2 and Demo 5
• Bootstrap Select Bootstrap input group integration
• Select2 Bootstrap input group integration
• Added sidebar dropdown submenu "up" direction for all demos
• Removed bower dependencies manager and replaced with yarn.
• Datatable API support 2 methods. Eg. datatable.methodName(args) or $(datatable).mDatatable(methodName, args);
• Datatable rows.callback option was deprecated.
• Datatable apply hover class when scroll is stopped.
• Dropzone demo add option addRemoveLinks: true for the link to remove the uploaded file.
• Sample Datatable API file rename from employees to customers
• Angular HTML template modification, div class name m-wrapper moved to upper parent component. (To fix replication m-wrapper selector for all page components. Each component can have own selector.)
• Redraw Datatable layout on sidenav collapse/expand toggle.
• Bootstrap Session Timeout plugin update

Fixes

• Bootstrap Custom file input and select issues
• Datatable record per page dropdown zindex conflict with fixed footer
• Select 2 search field margin issue
• Minimized left aside hovered dropdown menu link background color issue
• Portlet tools icons tooltip issue
• Metronic's custom responsive utility classes(m-hidden-xx-and-m-visible-xx) are depreciated. Use Bootstraps one's instead
• Angular fix redundant include JS files.
• Fix generated sourcemaps in gulp compiler.
• Datatable fix table footer overlap the table content.
• Datatable fix subtable row even style.
• Datatable fix event m-datatable--on-init to be triggered on last initilizing process.
• Fix missing "No Records" message on locked columns datatable.
• Fix Datatable pageSizeSelect option cannot be changed by options.
• Fix Datatable ID to prevent duplicate cookies.
• If Datatable meta object missing, fallback to local pagination.
• Datatable sub-table fix even-odd style class.
• Bootstrap modal hides the body scrollbar that causes page content jumping

New

• New Demo 6
• New Pricing Table component.
• Angular 5.0 update
• Datatable API show and hide column, hideColumn and showColumn.
• Datatable API getDataSet to get all data in the grid.
• Datatable option for custom mapping on received data.
• Added skeleton project for Angular version

Changes & Improvements

• Theme folder restructure.
• Renamed folder for static HTML from html to default.
• Datatable variable name changed, fullJsonData to originalDataSet.
• Separate build.json file configs for default (HTML) version and Angular version.

Fixes

• Remove PHP preview links from documentation.
• Sidebar submenu toggle issue with default minimized sidebar layout.
• Fix Angular version aside menu initialized twice.

Fixes

• Gulp missing demo list

Fixes

• Angular version source files fix

New

• Online Layout Builder.
• Datatable row callback function.
• 3 Pricing Table components.
• Form Repeater plugin integration.

Changes & Improvements

• Portlet tools lazy initialization.
• Topbar notification read item state.
• Datatable support request method GET or POST.
• Datatable internal search handler by providing search input.
• Datatable setSelectedRecords() function internally call before getSelectedRecords().
• Datatable options name change, searchDelay:400 option node changed to search:{delay:400}

Fixes

• Page level blockUI issue
• Fullcalendar logn event state color issue.
• Warning message on portlet tools hover.
• Quick sidebar settings switch controls issue.
• Bootstrap Tooltip conflict with jquery ui draggable portlets.
• Nested portlet tools does not work.
• Portlet remove button issue on fullscreen mode.
• Portlet tools remove button issue on fullscreen mode.
• Fixed Datatable remote request parameter extend.
• Fixed Datatable local sort not working if pagination is disabled.

New

• Fullcalendar Integration
• 6 Error pages
• Gradient buttons
• Portlet tools(reload, collapse/expand, remove, fullscreen)
• Creative Portlet Option
• Include Headers into the API request in Metronic Datatable.
• Local sorting support with data types string, number and date in Metronic Datatable.
• Support datasource from HTML table in Metronic Datatable.
• Metronic Datatable new public API getTotalRows().
• Metronic Datatable new option for searchDelay default to 400ms.
• Added new demo5

Changes & Improvements

• Datatable support request method GET or POST.
• Replace Bootstrap Select Splitter with Bootstrap Multi Select Splitter
• Hide pagination number if there is only 1 page left for Metronic Datatable.
• Pagination optimization and improvement in Metronic Datatable.
• Fix local sort with remote datasource in Metronic Datatable.

Fixes

• Datatable selector fix for parent of child table.
• User profile page responsive layout issue
• Demo 2 light dropdown submenu issue
• Tabbed portlets mobile mode issue
• Combination of bordered and stripped rows tables border color issue
• Broken logout links in other demos except default demo
• Broken logout links in other demos except default demo
• Daterangepicker date range selection color issue
• Offcanvas menu close on click for HTML and Angular versions
• Removed duplicate demo assets folder.
• Fixed overflow contents, if all columns width are disabled in Metronic Datatable plugin.
• Fixed layout builder path
• Fixed Metronic Datatable always perform request data from remote when window resized.
• Bootstrap Maxlength z-index conflict with modal

Fixes

• Demo 4 horizontal menu's submenu z-index issue.
• Metronic Datatable plugin performance optimization.

• Initial Release