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.

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.

New

• Added new Demo 3 demo.
• Added new Demo 4 demo.
• Added HTML generator option in demo the layout builder.

Changes & Improvements

• Implemented submenu close on repeat click on the same menu item.
• Added mobile menu close sticky close button.
• Updated Angular NGBootstrap and PrimeNG page notice.
• Added gulp task argument gulp --prod build assets and force JS and CSS minify.
• Added gulp watcher by cmd gulp watch or separate watchers gulp watch:js, gulp watch:scss

Fixes

• Demo 2 responsive mode issues.
• Default header minimize mode does not work
• Toastr error state does not work.
• Dropdown hover does not work below 1200px breakpoin.t
• Angular Tooltips, Popover, Scrollable pages plugin not properly initialized.
• Metronic Datatable plugin to prevent showing loading bar on click group checkbox.
• Metronic Datatable plugin, sort by first column caused page to freeze.
• Angular recaptcha demo page error.
• Angular AmCharts Map demo page, did not work if get there from other pages.
• Fix dropzone plugin not properly initialize in Angular demo page.
• Fix bootstrap markdown plugin not properly initialize in Angular demo page.
• Gulp CSS path rewriter for non-Windows.
• Wrong Metronic icon path in bundle CSS.
• Gulp compile set config.demo in build.json file will cause error.
• jsUglify and cssMinify set to true, but some compiled assets are not minified
• Gulp watcher stops on error occured.

• Initial Release