Metronic

The Ultimate Bootstrap Admin Theme Framework For Next Generation Applications

Watch Video
  • 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

Custom Work

If you need the theme customization or custom development services please contact us to get a free quote:

Hire Us

License Notice

A single license can be used only for one domain or client. Each use of the theme requires a separate license. We hope you will follow the rules as it will help us to continue supporting our themes and providing a free future updates.

GET A NEW LICENSE

Theme Support

Please ensure that your support subscription is active to receive any further support. To check your support subscription status here.

Renew Subscription

Become An Affiliate

You can support our theme by referring a new users from your site or blog and earn with themeforest's affiliate program.

Get More Info

The Ultimate Bootstrap Admin Theme Trusted By Over 50,000 Developers World Wide