The initializeBlockUI function initializes the
BlockUI component for the element with the attribute
data-blockui-element="block-1".
It displays a loading overlay with a red spinner, indicated
by
<span class="spinner-border
text-danger"></span>, while blocking user interaction. This overlay effectively
signals that a process is currently in progress.
The initializeBlockUI function initializes the
BlockUI component for the element with the attribute
data-blockui-element="block-2".
It displays a loading overlay with a blue spinner, indicated
by
<span class="spinner-border
text-primary"></span>, along with the message "Loading...". This overlay
effectively blocks user interaction, signaling that a
process is currently in progress.
The initializeBlockUI function initializes the
BlockUI component for the element with the attribute
data-blockui-element="block-3".
It displays a loading overlay featuring a blue spinner,
represented by
<span class="spinner-border
text-primary"></span>, and applies a custom overlay class for styling, specified
as custom-overlay fw-semibold. This overlay
blocks user interaction, effectively signaling that a
process is currently in progress.
The initializeBlockUI function initializes the
BlockUI component for the element with the attribute
data-blockui-element="block-4".
It displays a loading overlay featuring a primary-colored
button loader, represented by
<span class="btn-loader text-primary"><i
class="ri-loader-2-fill
fs-20"></i></span>. This overlay blocks user interaction, effectively
indicating that a process is currently in progress.
The initializeBlockUI function initializes the
BlockUI component for the element with the attribute
data-blockui-element="block-5".
It displays a loading overlay featuring a primary-colored
button loader, represented by
<span class="btn-loader text-primary"><i
class="ri-refresh-line
fs-20"></i></span>. This overlay blocks user interaction, effectively
signaling that a refreshing process is currently in
progress.
The initializeBlockUI function initializes the
BlockUI component for the element with the attribute
data-blockui-element="block-6".
It displays a loading overlay featuring a primary-colored
spinner, represented by
<span class="spinner-grow
text-primary"></span>. This overlay blocks user interaction, effectively
indicating that a process is currently in progress.