Block Without Message

Block Wihtout Message.

Block Without Overlay

Block Without Overlay.

Click Overlay To Unblock

Click Overlay To Unblock

Growl Notification

Growl Notification.

Block Examples

This section demonstrates examples on how to block selected elements on the page rather than the entire page.

Block Element

Block content components.

Block Layout Area

Block layout areas.

Block Whole Page

Block Whole Page

Message Options

This section demonstrates examples on different types of messaging 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.

Non centered Message

Non centered Message

Overlay Options

This section demonstrates examples on different types of overlay options.

Light overlay

Light overlay.

Opaque Overlay

Opaque Overlay

Custom Overlay

Custom Overlay

Callback Options

This section demonstrates examples on different types of 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.

Navbar Color Options

Layout Options

Sidebar menu Background


Sidebar Background Image
background image
background image
background image
background image

Try Layout Builder