### Block UI

The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction.

#### Block Examples

##### Block Element

Block content components.

##### Block Layout Area

Block layout areas.

##### Block Whole Page

Block Whole Page

#### Message Options

##### Block With Spinner Only

Block card with spinner only.

##### Block With Default Message

Block With Default Message.

##### Block With Custom Message

Block With Custom Message.

##### Message Animation

Message Animation

##### Multiple Messages

Block layout areas.

Loading ...

##### Non centered Message

Non centered Message

#### Overlay Options

##### Light overlay

Light overlay.

##### Opaque Overlay

Opaque Overlay

##### Custom Overlay

Custom Overlay

#### Callback Options

##### OnBlock Callback

OnBlock Callback

##### OnUnblock Callback

useful when using fadeOut option as it is invoked when all the blocking elements have been removed.

##### OnOverlay Click Callback

OnOverlay Click Callback.

#### Other Options

##### Block Without Message

Block Wihtout Message.

##### Block Without Overlay

Block Without Overlay.

##### Click Overlay To Unblock

Click Overlay To Unblock

##### Growl Notification

Growl Notification.

Growl Notification Example