لودرهای صفحه و هدر

راه اندازی هدر لودر بسیار آسان است و می توانید آن را با کلیک روی دکمه یا از کد JS انجام دهید

بر اساس دکمه

<button type="button" class="btn btn-success" data-toggle="layout" data-action="header_loader_on">Start Header Loader</button>

کد JS

Dashmix.layout('header_loader_on');

همین امر در مورد توقف آن نیز صدق می کند، استفاده از آن بسیار ساده است

بر اساس دکمه

<button type="button" class="btn btn-danger" data-toggle="layout" data-action="header_loader_off">Stop Header Loader</button>

کد JS

Dashmix.layout('header_loader_off');

استفاده از Page Loader بسیار ساده است

می‌توانید نشانه‌گذاری زیر را بعد از تگ بدنه اضافه کنید و صفحه بارگیری فعال می‌شود و پس از بارگیری صفحه، به‌طور خودکار پنهان می‌شود (شما می‌توانید یک .bg-* کلاس برای رنگ پس زمینه سفارشی): <div id="page-loader" class="show"></div>

همچنین می‌توانید صفحه بارگیری را در هر زمان با استفاده از آن نشان دهید یا پنهان کنید Dashmix.loader('show') یا Dashmix.loader('hide') به ترتیب. اگر دوست دارید یک رنگ پس زمینه سفارشی اضافه کنید، می توانید به صورت پویا یک رنگ اضافه کنید .bg-* به عنوان مثال، کلاس به لودر صفحه شما Dashmix.loader('show', 'bg-danger')

نگاهی به صفحه لودر در عمل بیندازید

پیش نمایش صفحه لودر