Xenon - Modals

×

### John Smith

Web Developer

Edit Profile Upgrade

#### Notifications

- Messages
- Events
- Updates
- Server Uptime

#### Help Desk

- Support Center
- Submit a Ticket
- Domains Protocol
- Terms of Service

# Modals

Modals and their variants of usage

Modals Examples

Modal Type | Example
--- | ---
Basic | Show Me
Custom Width | Show Me
Full Width | Show Me
Confirm to Close | Show Me
Long Modal | Show Me
Responsive Modal | Show Me
Ajax Modal | Show Me

## Chat 0

Favorites Catherine J. Watkins Nicholas R. Walker Susan J. Best Fernando G. Olson Brandon S. Young
Work Rodrigo E. Lozano Robert J. Garcia Daniel A. Pena
Other Dennis E. Johnson Stuart A. Shire Janet I. Matas Mindy A. Smith Herman S. Foltz Gregory E. Robie Nellie T. Foreman William R. Miller Vivian J. Hall Melinda A. Anderson Gary M. Mooneyham Robert C. Medina Dylan C. Bernal Marc P. Sanborn Kenneth M. Rochester Rachael D. Carpenter
× Arlind Nushi Online

- Arlind Nushi 09:00

  Are you here?

- Brandon S. Young 09:25

  This message is pre-queued.

- Brandon S. Young 09:26

  Whohoo!

- Arlind Nushi 09:27

  Do you like it?

#### Basic Modal

Hello I am a Modal!

#### Custom Width Modal

Any type of width can be applied.

#### Full width

Its about 100%

#### Confirm Modal

You can close this modal when you click on button only!

#### Long Height Modal

#### Modal Content is Responsive

Name
Surname
Address
City
Country
Zip
Personal Info

#### Dynamic Content

Content is loading...