برای مشاهده روی دکمه های زیر این محتوا کلیک کنید
<div class="example-preview" id="kt_blockui_content">
...
</div>
// default
دلار('#kt_blockui_default').click(function() {
KTApp.block('#kt_blockui_content', {});
setزمانout(function() {
KTApp.unblock('#kt_blockui_content');
}, 2000);
});
دلار('#kt_blockui_overlay_color').click(function() {
KTApp.block('#kt_blockui_content', {
overlayرنگ: 'red',
opacity: 0.1,
state: 'primary' // a bootstrap color
});
setزمانout(function() {
KTApp.unblock('#kt_blockui_content');
}, 2000);
});
دلار('#kt_blockui_custom_spinner').click(function() {
KTApp.block('#kt_blockui_content', {
overlayرنگ: '#000000',
state: 'warning', // a bootstrap color
size: 'lg' //available custom sizes: sm|lg
});
setزمانout(function() {
KTApp.unblock('#kt_blockui_content');
}, 2000);
});
دلار('#kt_blockui_custom_text_1').click(function() {
KTApp.block('#kt_blockui_content', {
overlayرنگ: '#000000',
state: 'danger',
message: 'Please wait...'
});
setزمانout(function() {
KTApp.unblock('#kt_blockui_content');
}, 2000);
});
دلار('#kt_blockui_custom_text_2').click(function() {
KTApp.block('#kt_blockui_content', {
overlayرنگ: '#000000',
state: 'primary',
message: 'Processing...'
});
setزمانout(function() {
KTApp.unblock('#kt_blockui_content');
}, 2000);
});
برای مسدود کردن مودال ، روی دکمه های زیر کلیک کنید.
<div class="modal fade" id="kt_blockui_modal_default" tabindex="-1" role="dialog" aria-hidden="true">
...
</div>
<div class="modal fade" id="kt_blockui_modal_overlay_color" tabindex="-1" role="dialog" aria-hidden="true">
...
</div>
<div class="modal fade" id="kt_blockui_modal_custom_spinner" tabindex="-1" role="dialog" aria-hidden="true">
...
</div>
<div class="modal fade" id="kt_blockui_modal_custom_text_1" tabindex="-1" role="dialog" aria-hidden="true">
...
</div>
<div class="modal fade" id="kt_blockui_modal_custom_text_2" tabindex="-1" role="dialog" aria-hidden="true">
...
</div>
// default
دلار('#kt_blockui_modal_default_btn').click(function() {
KTApp.block('#kt_blockui_modal_default .modal-dialog', {});
setزمانout(function() {
KTApp.unblock('#kt_blockui_modal_default .modal-content');
}, 2000);
});
دلار('#kt_blockui_modal_overlay_color_btn').click(function() {
KTApp.block('#kt_blockui_modal_overlay_color .modal-content', {
overlayرنگ: 'red',
opacity: 0.1,
state: 'primary' // a bootstrap color
});
setزمانout(function() {
KTApp.unblock('#kt_blockui_modal_overlay_color .modal-content');
}, 2000);
});
دلار('#kt_blockui_modal_custom_spinner_btn').click(function() {
KTApp.block('#kt_blockui_modal_custom_spinner .modal-content', {
overlayرنگ: '#000000',
state: 'warning', // a bootstrap color
size: 'lg' //available custom sizes: sm|lg
});
setزمانout(function() {
KTApp.unblock('#kt_blockui_modal_custom_spinner .modal-content');
}, 2000);
});
دلار('#kt_blockui_modal_custom_text_1_btn').click(function() {
KTApp.block('#kt_blockui_modal_custom_text_1 .modal-content', {
overlayرنگ: '#000000',
state: 'danger',
message: 'Please wait...'
});
setزمانout(function() {
KTApp.unblock('#kt_blockui_modal_custom_text_1 .modal-content');
}, 2000);
});
دلار('#kt_blockui_modal_custom_text_2_btn').click(function() {
KTApp.block('#kt_blockui_modal_custom_text_2 .modal-content', {
overlayرنگ: '#000000',
state: 'primary',
message: 'Processing...'
});
setزمانout(function() {
KTApp.unblock('#kt_blockui_modal_custom_text_2 .modal-content');
}, 2000);
});
برای مسدود کردن این کارت ، روی دکمه های زیر کلیک کنید.
<div class="card card-custom gutter-b" id="kt_blockui_card">
...
</div>
دلار('#kt_blockui_card_default').click(function() {
KTApp.block('#kt_blockui_card');
setزمانout(function() {
KTApp.unblock('#kt_blockui_card');
}, 2000);
});
دلار('#kt_blockui_card_overlay_color').click(function() {
KTApp.block('#kt_blockui_card', {
overlayرنگ: 'red',
opacity: 0.1,
state: 'primary' // a bootstrap color
});
setزمانout(function() {
KTApp.unblock('#kt_blockui_card');
}, 2000);
});
دلار('#kt_blockui_card_custom_spinner').click(function() {
KTApp.block('#kt_blockui_card', {
overlayرنگ: '#000000',
state: 'warning', // a bootstrap color
size: 'lg' //available custom sizes: sm|lg
});
setزمانout(function() {
KTApp.unblock('#kt_blockui_card');
}, 2000);
});
دلار('#kt_blockui_card_custom_text_1').click(function() {
KTApp.block('#kt_blockui_card', {
overlayرنگ: '#000000',
state: 'danger',
message: 'Please wait...'
});
setزمانout(function() {
KTApp.unblock('#kt_blockui_card');
}, 2000);
});
دلار('#kt_blockui_card_custom_text_2').click(function() {
KTApp.block('#kt_blockui_card', {
overlayرنگ: '#000000',
state: 'primary',
message: 'Processing...'
});
setزمانout(function() {
KTApp.unblock('#kt_blockui_card');
}, 2000);
});
برای مسدود کردن این صفحه روی دکمه های زیر کلیک کنید.
دلار('#kt_blockui_page_default').click(function() {
KTApp.blockPage();
setزمانout(function() {
KTApp.unblockPage();
}, 2000);
});
دلار('#kt_blockui_page_overlay_color').click(function() {
KTApp.blockPage({
overlayرنگ: 'red',
opacity: 0.1,
state: 'primary' // a bootstrap color
});
setزمانout(function() {
KTApp.unblockPage();
}, 2000);
});
دلار('#kt_blockui_page_custom_spinner').click(function() {
KTApp.blockPage({
overlayرنگ: '#000000',
state: 'warning', // a bootstrap color
size: 'lg' //available custom sizes: sm|lg
});
setزمانout(function() {
KTApp.unblockPage();
}, 2000);
});
دلار('#kt_blockui_page_custom_text_1').click(function() {
KTApp.blockPage({
overlayرنگ: '#000000',
state: 'danger',
message: 'Please wait...'
});
setزمانout(function() {
KTApp.unblockPage();
}, 2000);
});
دلار('#kt_blockui_page_custom_text_2').click(function() {
KTApp.blockPage({
overlayرنگ: '#000000',
state: 'primary',
message: 'Processing...'
});
setزمانout(function() {
KTApp.unblockPage();
}, 2000);
});
