مثال پایه

این InitializeBlockUI تابع مولفه BlockUI را برای عنصر دارای ویژگی مقداردهی اولیه می کند data-blockui-element="block-1".

یک همپوشانی بارگذاری را با یک نمایش می دهد چرخان قرمز، نشان داده شده توسط <span class="spinner-border text-danger"></span>، در حالی که تعامل کاربر را مسدود می کند. این پوشش به طور موثر نشان می دهد که یک فرآیند در حال حاضر در حال انجام است.

پیام سفارشی

این InitializeBlockUI تابع مولفه BlockUI را برای عنصر دارای ویژگی مقداردهی اولیه می کند data-blockui-element="block-2".

این یک پوشش بارگیری را با یک چرخان آبی نشان می دهد که با نشان داده شده است <span class="spinner-border text-primary"></span>، به همراه پیام "در حال بارگیری...". این پوشش به طور موثر تعامل کاربر را مسدود می کند، و نشان می دهد که یک فرآیند در حال حاضر در حال انجام است.

کلاس روکش

این InitializeBlockUI تابع مولفه BlockUI را برای عنصر دارای ویژگی مقداردهی اولیه می کند data-blockui-element="block-3".

این یک پوشش بارگیری را نشان می دهد که دارای یک اسپینر آبی است که با نشان داده شده است <span class="spinner-border text-primary"></span>، و یک کلاس همپوشانی سفارشی را برای یک ظاهر طراحی اعمال می کند که به صورت مشخص شده است سفارشی همپوشانی fw-semibold. این همپوشانی تعامل کاربر را مسدود می کند و به طور موثر نشان می دهد که یک فرآیند در حال حاضر در حال انجام است.

سبک لودر 1

این InitializeBlockUI تابع مولفه BlockUI را برای عنصر دارای ویژگی مقداردهی اولیه می کند data-blockui-element="block-4".

این یک پوشش بارگیری را نشان می دهد که دارای یک دکمه لودر رنگ اصلی است که با نشان داده شده است <span class="btn-loader text-primary"><i class="ri-loader-2-fill fs-20"></i></span>. این همپوشانی تعامل کاربر را مسدود می کند و به طور موثر نشان می دهد که یک فرآیند در حال حاضر در حال انجام است.

سبک لودر 2

این InitializeBlockUI تابع مولفه BlockUI را برای عنصر دارای ویژگی مقداردهی اولیه می کند data-blockui-element="block-5".

این یک پوشش بارگیری را نشان می دهد که دارای یک دکمه لودر رنگ اصلی است که با نشان داده شده است <span class="btn-loader text-primary"><i class="ri-refresh-line fs-20"></i></span>. این همپوشانی تعامل کاربر را مسدود می‌کند و به طور موثر نشان می‌دهد که یک فرآیند تازه‌سازی در حال حاضر در حال انجام است.

سبک لودر 3

این InitializeBlockUI تابع مولفه BlockUI را برای عنصر دارای ویژگی مقداردهی اولیه می کند data-blockui-element="block-6".

این یک پوشش بارگیری را نشان می دهد که دارای یک اسپینر با رنگ اصلی است که با نشان داده شده است <span class="spinner-grow text-primary"></span>. این همپوشانی تعامل کاربر را مسدود می کند و به طور موثر نشان می دهد که یک فرآیند در حال حاضر در حال انجام است.

سفارشی سازی تم
طرح بندی:
عمودی
افقی
نیم جعبه
عرض محتوا:
پیش فرض
جعبه
جهت چیدمان:
LTR
RTL
حالت چیدمان:
نور
تاریک
سیستم
اندازه نوار کناری:
پیش فرض
متوسط
نماد
نماد شناور