Metronic | Modal

Dashboard
Custom
Applications
- Applications
- Users
- Contacts
- Chat
  - Private
  - Group
  - Popup
- Projects
- Support Center
  - Home 1
  - Home 2
  - FAQ 1
  - FAQ 2
  - FAQ 3
  - Feedback
  - License
- Todo
  - Tasks
  - Docs
  - Files
- Inboxnew
Pages
- Pages
- Wizard
  - Wizard 1
  - Wizard 2
  - Wizard 3
  - Wizard 4
- Pricing Tables
- Invoices
  - Invoice 1
  - Invoice 2
- FAQ
  - FAQ 1
- User Pages2
  - Login 1
  - Login 2
  - Login 3
  - Login 4
  - Login 5
  - Login 6
- Error Pages
  - Error 1
  - Error 2
  - Error 3
  - Error 4
  - Error 5
  - Error 6
Layout
Skins
- Skins
- Light Aside
- Dark Header
Subheaders
- Subheaders
- Toolbar Nav
- Actions Buttons
- Tabbed Nav
- Classic
- None
General
- General
- Fixed Content
- Minimized Aside
- No Aside
- Empty Page
- Fixed Footer
- No Header Menu
Builder
CRUD
Forms
KTDatatable
- KTDatatable
- Base
- Advanced
- Child Datatables
  - Local Data
  - Remote Data
- API
  - API Methods
  - Events
Datatables.net
- Datatables.net
- Basic
- Advanced
- Data sources
- Search Options
  - Column Search
  - Advanced Search
- Extensions
  - Buttons
  - ColReorder
  - KeyTable
  - Responsive
  - RowGroup
  - RowReorder
  - Scroller
  - Select
File Upload
Components
Base
- Base
- State Colors
- Typography
- Buttons
- Button Group
- Dropdown
- Bootstrap Tabs
- Line Tabs
- Accordions
- Tables
- Progress
- Modal
- Alerts
- Popover
- Tooltip
Custom
- Custom
- Badge
- Navigations
- Lists
- Notes
- Timeline
- Pagination
- Media
- Spinners
- Iconbox
- Infobox
- Callout
- Ribbons
- Miscellaneous
Extended
- Extended
- Sticky Panels
- Block UI
- Perfect Scrollbar
- Tree View
- Bootstrap Notify
- Toastr
- SweetAlert2
- Dual Listbox
Icons
Portlets
- Portlets
- Base Portlets
- Advanced Portlets
- Tabbed Portlets
- Draggable Portlets
- Portlet Tools
- Sticky Head
Widgets
- Widgets
- Lists
- Charts
- General
Calendar
- Calendar
- Basic Calendar
- List Views
- Google Calendar
- External Events
- Background Events
Charts
- Charts
- amCharts
- Flot Charts
- Google Charts
- Morris Charts
Maps
- Maps
- Google Maps
- JQVMap
Utils
- Utils
- Session Timeout
- Idle Timer

Pages
Features
- Task Reports
- Profit Margins
- Staff Management
- Tools
Apps

User Notifications 23 new

Alerts
Events
Logs

New order has been received

2 hrs ago

New customer is registered

3 hrs ago

Application has been approved

3 hrs ago

New file has been uploaded

5 hrs ago

New user feedback received

8 hrs ago

System reboot has been successfully completed

12 hrs ago

New order has been placed

15 hrs ago

Company meeting canceled

19 hrs ago

New report has been received

23 hrs ago

Finance report has been generated

25 hrs ago

New customer comment recieved

2 days ago

New customer is registered

3 days ago

New report has been received

23 hrs ago

Finance report has been generated

25 hrs ago

New order has been received

2 hrs ago

New customer is registered

3 hrs ago

Application has been approved

3 hrs ago

New file has been uploaded

5 hrs ago

New user feedback received

8 hrs ago

System reboot has been successfully completed

12 hrs ago

New order has been placed

15 hrs ago

Company meeting canceled

19 hrs ago

New report has been received

23 hrs ago

Finance report has been generated

25 hrs ago

New customer comment recieved

2 days ago

New customer is registered

3 days ago

All caught up!
No new notifications.

User Quick Actions 23 tasks pending

Accounting eCommerce Administration Console

Projects Pending Tasks Customers Latest cases

My Cart

Samsung Profile info, Timeline etc

$ 450 for 7 − +

Panasonic For PHoto & Others

$ 329 for 1 − +

Fujifilm Profile info, Timeline etc

$ 520 for 6 − +

Candy Machine For PHoto & Others

$ 784 for 4 − +

Sub Total Taxes Total

$ 840.00 $ 72.00 $ 912.00

English
Spanish
German

Hi, Sean

Sean Stone

23 messages

My Profile

Account settings and more

My Messages

Inbox and tasks

My Activities

Logs and notifications

My Tasks

latest tasks and projects

Billing

billing & statements 2 pending

Sign Out Upgrade Plan

Modal

Components Base Modal

Actions

Add anything or jump to:
Order
Ticket
Goal
Support Case 5
Upgrade plan Learn more

Metronic extends Bootstrap Modal component with a variety of options to provide uniquely looking Modal component that matches the Metronic's design standards.
For more info please visit the plugin's Documentation.

Modal Demos

Basic demo
Scrollable fixed content
Scrolling long content
Tooltips and popovers
Large modal
Small modal
Vertically centered
Stick to the bottom right

Modal title

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Modal title

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Modal title

Popover in a modal

This button triggers a popover on click.

Tooltips in a modal

This link and that link have tooltips on hover.

New message

Recipient:

Message:

New message

Recipient:

Message:

Modal title

About Team Contact

Custom

Layout

CRUD

Components

Task Reports

Profit Margins

Staff Management

Tools

User Notifications 23 new

User Quick Actions 23 tasks pending

My Cart

Modal

Modal Demos

Select A Demo