|
@@ -34,7 +34,7 @@
|
|
horizontal_padding: "20px"
|
|
horizontal_padding: "20px"
|
|
})
|
|
})
|
|
|
|
|
|
- $('#fullscreen_dropdown').awselect({
|
|
|
|
|
|
+ $('#immersive_dropdown').awselect({
|
|
background: "#1d456f",
|
|
background: "#1d456f",
|
|
active_background: "rgb(135, 142, 144)",
|
|
active_background: "rgb(135, 142, 144)",
|
|
placeholder_color: "rgb(169, 232, 169)",
|
|
placeholder_color: "rgb(169, 232, 169)",
|
|
@@ -42,7 +42,7 @@
|
|
option_color: "#fff",
|
|
option_color: "#fff",
|
|
vertical_padding: "15px",
|
|
vertical_padding: "15px",
|
|
horizontal_padding: "20px",
|
|
horizontal_padding: "20px",
|
|
- fullscreen: true
|
|
|
|
|
|
+ immersive: true
|
|
})
|
|
})
|
|
$('#donate').on('click', function() {
|
|
$('#donate').on('click', function() {
|
|
$('#paypal_donate').submit()
|
|
$('#paypal_donate').submit()
|
|
@@ -271,9 +271,9 @@
|
|
</td>
|
|
</td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
- <td>fullscreen</td>
|
|
|
|
|
|
+ <td>immersive</td>
|
|
<td>
|
|
<td>
|
|
- Fullscreen option for immersive dropdown
|
|
|
|
|
|
+ Immersive mode
|
|
<div class="code">
|
|
<div class="code">
|
|
<span>Default: false</span>
|
|
<span>Default: false</span>
|
|
</div>
|
|
</div>
|
|
@@ -285,16 +285,16 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sections" id="init">
|
|
<div class="sections" id="init">
|
|
- <h2>Fullscreen Animation</h2>
|
|
|
|
- <p>Perhaps you may want to make your dropdown more immersive for your users, then you might want to checkout the <span class='code'>fullscreen</span> option</p>
|
|
|
|
|
|
+ <h2>Immersive Mode</h2>
|
|
|
|
+ <p>Perhaps you may want to make your dropdown more immersive for your users, then you might want to checkout the <span class='code'>immersive</span> option</p>
|
|
<div class="steps">
|
|
<div class="steps">
|
|
<ol>
|
|
<ol>
|
|
<li>
|
|
<li>
|
|
- <span class="step_name">Set the <span class = "code">fullscreen</span> option to true</span>
|
|
|
|
|
|
+ <span class="step_name">Set the <span class = "code">immersive</span> option to true</span>
|
|
<pre><code class="language-javascript">$(document).ready(function(){
|
|
<pre><code class="language-javascript">$(document).ready(function(){
|
|
- $('#fullscreen_dropdown').awselect({
|
|
|
|
|
|
+ $('#immersive_dropdown').awselect({
|
|
...
|
|
...
|
|
- fullscreen: true // add this option
|
|
|
|
|
|
+ immersive: true // add this option
|
|
});
|
|
});
|
|
});</code></pre>
|
|
});</code></pre>
|
|
</li>
|
|
</li>
|