Advanced Modals | Clear Admin Template

# Advanced Modals

### Modal Styles

#### Basic Modal

#### Animated Modal Entrances

#### Modal Header

This is the text in modal

### Modal Positions

#### Position Of Modal

The different modal positions are Top, Center, Bottom and also as a Side-bar

#### Modal Header

This is the modal at top of the screen

#### Modal Header

This is the modal at center of the screen

#### Modal Header

This is the modal at bottom of the screen

### Additional Modal

#### Additional Contents of a Modal

#### Modal Header

First-Name
Last-Name
Message

#### Modal 1

Click Next to go to next modal.

#### Modal 2

This is the second modal

#### Large Modal

This is a large modal.

#### Small Modal

This is a small modal.

### Modal With Bootstrap Components

#### Advanced Modal

#### Modal With Tabs

#### Tabs in a Modal

### Tab 1

First Tab

### TAB 2

Second Tab

### TAB 3

Third Tab

### TAB 4

Fourth Tab

#### Modal with Accordions

#### Accordion In a Modal

#### Collapsible Group 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#### Collapsible Group 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#### Collapsible Group 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#### Modal with grid arrangement

col-md-6
col-md-6
col-md-12
col-md-6
col-md-6
col-md-6
col-md-6

#### Just Me

This modal fills the entire page.

### Modal Colors

#### Color Of Modal

We can set any color to a modal. Here are some examples..

#### Modal Header

This is the text in modal

##### Contacts

- Annette
- Jordan
- Stewart
- Alfred
- Eileen
- Robert
- Cassandra

##### Recent Updates

- New Comment
- 3 New Followers
- Message Sent
- New Task
- Server Rebooted
- Server Not Responding
- New Order Placed
- Payment Received

##### Notifications

- John Doe
  5 members joined today
  Just now
- Tony
  likes a photo of you
  5 min
- John
  Dont forgot to call...
  11 min
- Jenny Kerry
  Done with it...
  1 Hour
- Ernest Kerry
  2 members joined today
  3 Days
- View All Notifications

##### Tasks

- Button Design 40%

  40% Complete (success)

- Theme Creation 20%

  20% Complete

- XYZ Task To Do 60%

  60% Complete (warning)

- Transitions Creation 80%

  80% Complete (danger)
- View All Tasks

##### Skins

##### General

- Available
- Login with Email
- Auto Update

##### Sound & Notification

- Chat Sound
- Notification Sound
- Remainder
- Volume