|
|
|
|
@ -34,7 +34,7 @@
|
|
|
|
|
<div class="demo-area">
|
|
|
|
|
<abp-button button-type="Primary" data-toggle="modal" data-target="#myModal">Launch modal</abp-button>
|
|
|
|
|
|
|
|
|
|
<abp-modal centered="true" size="Large" id="myModal">
|
|
|
|
|
<abp-modal centered="true" scrollable="true" size="Large" id="myModal">
|
|
|
|
|
<abp-modal-header title="Modal title"></abp-modal-header>
|
|
|
|
|
<abp-modal-body>
|
|
|
|
|
Woohoo, you're reading this text in a modal!
|
|
|
|
|
@ -45,16 +45,16 @@
|
|
|
|
|
<div class="code-area">
|
|
|
|
|
<abp-tabs>
|
|
|
|
|
<abp-tab title="Tag Helper">
|
|
|
|
|
<pre><code>
|
|
|
|
|
<abp-button button-type="Primary" data-toggle="modal" data-target="#myModal">Launch modal</abp-button>
|
|
|
|
|
|
|
|
|
|
<abp-modal centered="true" size="Large" id="myModal">
|
|
|
|
|
<abp-modal-header title="Modal title"></abp-modal-header>
|
|
|
|
|
<abp-modal-body>
|
|
|
|
|
Woohoo, you're reading this text in a modal!
|
|
|
|
|
</abp-modal-body>
|
|
|
|
|
<abp-modal-footer buttons="@(AbpModalButtons.Save|AbpModalButtons.Close)"></abp-modal-footer>
|
|
|
|
|
</abp-modal>
|
|
|
|
|
<pre><code>
|
|
|
|
|
<abp-button button-type="Primary" data-toggle="modal" data-target="#myModal">Launch modal</abp-button>
|
|
|
|
|
|
|
|
|
|
<abp-modal centered="true" scrollable="true" size="Large" id="myModal">
|
|
|
|
|
<abp-modal-header title="Modal title"></abp-modal-header>
|
|
|
|
|
<abp-modal-body>
|
|
|
|
|
Woohoo, you're reading this text in a modal!
|
|
|
|
|
</abp-modal-body>
|
|
|
|
|
<abp-modal-footer buttons="@(AbpModalButtons.Save|AbpModalButtons.Close)"></abp-modal-footer>
|
|
|
|
|
</abp-modal>
|
|
|
|
|
</code></pre>
|
|
|
|
|
</abp-tab>
|
|
|
|
|
<abp-tab title="Rendered">
|
|
|
|
|
@ -66,7 +66,7 @@
|
|
|
|
|
|
|
|
|
|
<!-- Modal -->
|
|
|
|
|
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
|
|
|
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
|
|
|
|
|
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
|
|
|
|
|
|