Modals - Ace Admin

Ace App

Mega

Current Tasks

Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur 14 Vestibulum at eros

Notifications

@username1
Donec id elit non mi porta gravida at eget metus. Fusce dapibus...

@username2
Fusce dapibus, tellus ac cursus commodo, tortor mauris...

@username3
Tortor mauris condimentum nibh, fusce dapibus...

Contact Us
Notifications 3
- Notifications Notifications
- Messages Messages
Followers - 4 New Comments +12 New Orders +8 Finished processing data!
See All Notifications

Alex: Ciao sociis natoque penatibus et auctor ...
a moment ago

Susan: Vestibulum id ligula porta felis euismod ...
20 minutes ago

Bob: Nullam quis risus eget urna mollis ornare ...
3:15 pm

Kate: Ciao sociis natoque eget urna mollis ornare ...
1:33 pm

Fred: Vestibulum id penatibus et auctor ...
10:09 am

See All Messages
Tasks +2

4 Tasks to complete

Software update

60%

Hardware upgrade

40%

Customer support

30%

Fixing bugs

85%

See All Tasks
Welcome, Jason

Welcome, Jason

offline online

Profile Settings
Logout

MAIN …
Dashboard
Layouts
UI Elements
- Buttons
- Button Groups
- Alerts
- Modals
- Asides
- Tabs
- Accordions
- Tooltips & Popovers
- Badges
- Pagination
- Dropdowns
- Icons
- Typography
- Charts
- Treeview
- Nested Links
  - Third Level Menu
    
    Fourth Level
    
    5th Level
    
    5th Level
Tables
Forms
Cards
Calendar
Gallery
OTHER …
More Pages 5
- Profile
- Login
- Pricing
- Invoice
- Inbox
- Search Results
- Error
- Starter

Alexa

Admin

Bootstrap Modals

Try with Body Scrollbars

Bootbox.js

Modal title

...

WARNING!

Are you sure you want to perform this extremely dangerous action?

Modal title

Note: Applying blur effect may interfere with positioning of some elements such as `position: fixed` elements, etc!

Something went wrong!

What shall we do now?

How was Alexa's support?!

Poor

Good

Excellent

Don't show this again

Login to continue

ACE App

Username

Password

Forgot password?!

Not a member? Sign up

Long Content

1
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
2
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
3
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
4

Long Content

1
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
2
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
3
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
4

Modal title

1
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
2
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
3
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
4

Demo Settings

Zoom

90% 100% 110% 120%

Themes

Match sidebar & navbar themes

Sidebar

Dark Light

Navbar

Light Dark

Navbar themes can be viewed in
Dashboard 1 & 4

Layout

Fixed Navbar

Fixed Sidebar

Fixed Footer

Boxed Layout

None All Not Navbar Only Content

Body Background:

None Image 1 Image 2

RTL (right to left)

Font

Sidebar

Collapsed Mode

Expand Popup Hide

Submenu on Hover

Push Content

Current Tasks

Notifications

Contact Us

Bootstrap Modals

Bootbox.js