Documentation v8.1.5

Preview Downloads Purchase


Metronic exclusive components are written in Javascript without any jQuery dependency in order to make it easier to integrate with SPA frameworks such as Angular, React and Vue. However the Metronic HTML version stil uses jQuery as majority popular jQuery plugins are still on demand. During the build process the Javascript code from the source folder is minified and moved to the assets folder.

Global Initialization

The core components and 3rd-party plugins global initialization is handled in src/js/components/_init.js.

Components Initialization

All In-house components and 3rd-party plugins defined need to be initializated for SPA(Single Page Application) or dynamic ajax pages.

Layout Initialization

The layout partials(e.g: Sidebar, Header, Search, Toolbar, etc) need to be initializated(if defined) for SPA(Single Page Application) or dynamic ajax pages. Look for available layout classes in src/js/layoutfolder.
// Layout partials initialization
For SPA(Single Page Application) or dynamic ajax pages the layout initializaiton should not be done on document content ready event KTUtil.onDOMContentLoaded()so the initializaiton should be moved to a relevant place instead.
Learn & Get Inspired

Support at

Join our developers community to find answer to your question and help others. FAQs
Get Support
Video Tutorials
From guides and how-tos, to live demos and code examples to get started right away.
Metronic Downloads
Download your prefered framework and demo with one click.
What's New ?
Latest features and improvements added with our users feedback in mind.
Buy now