CodeSolutionsProject/Modalizer.js
2
0
Fork 0
mirror of https://github.com/jlgarridol/Modalizer.js.git synced 2026-02-15 01:21:38 +01:00
Code Issues Releases Wiki Activity

Complete Readme.md

Browse Source
This commit is contained in:
José Luis Garrido Labrador
2020-08-30 01:00:38 +02:00
parent b18ce78ee2
commit 7debfeb875
2 changed files with 117 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
doc/index.html
View File

@@ -128,7 +128,7 @@
...
&lt;/div&gt;</code></pre>
<h4>Optionable modals</h4>
<p>A optionable modal is that have multiple submodals inside and the user can navigate it between their.<br>To transform a modal into an optionable you need to add the <code>modal-optionable</code> class and assign a <code>data-stack</code> to it.<br>It is necessary create a instance of <code>MOD_Stack</code> with the same name in the <i>javascript</i></p>
<p>A optionable modal is which have multiple submodals inside and the user can navigate it between their.<br>To transform a modal into an optionable you need to add the <code>modal-optionable</code> class and assign a <code>data-stack</code> to it.<br>It is necessary create a instance of <code>MOD_Stack</code> with the same name in the <i>javascript</i></p>
<p><strong>Example:</strong></p>
<pre><code class="html">&lt;div class="modal modalizer fade modal-optionable" data-stack="defaultStack" id="standart" tabindex= "-1" role="dialog"&gt;
...
@@ -161,8 +161,9 @@
&lt;/div&gt;
&lt;/div&gt;</code></pre>
<h4>Fullscreen modal</h4>
<p>For a fullscreen modal it is necessary add the class <code>fullscreen</code>to the <code>div</code>s with classes <code>modal-dialog</code>, <code>modal-content</code>, <code>modal-header</code> and <code>modal-footer</code>. To make it only for mobile screens you have to add <code>-sm</code> to fullscreen</p>
<p>For a fullscreen modal it is necessary add the class <code>fullscreen</code> to the <code>div</code>s with classes <code>modal-dialog</code>, <code>modal-content</code>, <code>modal-header</code> and <code>modal-footer</code>. To make it only for mobile screens you have to add <code>-sm</code> to fullscreen</p>
<h4>Blur background</h4>
<p>For blur background on modal open it is neccesary include all HTML elements (except modals) inside a div with the identifier and class <code>MOD_supreme-container</code></p>
</div>
</div>