admin管理员组

文章数量:1391039

How to use bootstrap 4 modals as "block ui" functionality: to fade screen dinamically on AJAX call (and to show "wait a minute..." label or sandglasses for that moment)?

If you have a modals in the framework that means you also can use them to block UI functionality. But I can't find any API or sample in official documentation...

How to use bootstrap 4 modals as "block ui" functionality: to fade screen dinamically on AJAX call (and to show "wait a minute..." label or sandglasses for that moment)?

If you have a modals in the framework that means you also can use them to block UI functionality. But I can't find any API or sample in official documentation...

  • javascript
  • modal-dialog
  • bootstrap-4
  • blockui
Share Improve this question edited Jan 18, 2019 at 15:24 Roman Pokrovskij asked Apr 9, 2018 at 14:07 Roman PokrovskijRoman Pokrovskij 9,79421 gold badges97 silver badges153 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 6

How I have solved it:

this was added to every page that need "block UI" (actually to root template)

<div class="modal " id="blockAppliactionDialog" tabindex="-1" role="status" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content" style="background-color: transparent; border-width:0;">
            <div class="container pt-4 px-5" style="color:white; font-size:large">
                <h3>Wait a moment..</h3>
            </div>
        </div>
    </div>
</div>

and then I enable it through javascript:

this.$('#blockAppliactionDialog').modal({
            backdrop: 'static',
            keyboard: false
        });

本文标签：

版权声明：本文标题：javascript - How to use bootstrap 4 modals as &quot;block ui&quot; - modal screen that blocks input and show &quot;w 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1744668791a2618696.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。