T(-) Countdown Control URL Redirect
Test of a faster redirect when a countdown is already expired.
Collapse Grid Test
here we go:
[[collapse_grid cat_id="4" count="5"/]]
[collapse_grid cat_id=”4″ count=”5″/]
Collapse-O-Matic, Graphene Theme & Any Mobile Switcher Test
First let’s test the mobile-only and mobile-exclude shortcodes to see if they are included with the plugin. No, they are not.
Now we install the Graphene Theme and test…
Oops, wrong Graphene Theme. It seems This Theme is all that is required for testing the shortcodes.
Mobile Only
[[mobile only]...[/mobile-only]]
[mobile only]
this is some text that should only show up on mobile devices[/mobile-only]
Mobile Exclude
[[mobile exclude]...[/mobile-exclude]]
[mobile-exclude]
this is some text that should only show up on non-mobile devices[/mobile-exclude]
Print-O-Matic Multiple Target Test
This is a test of Print-O-Matic using multiple targets, for example:
And now for the trigger:
[print-me target="#targ_id_one, #targ_id_two"/]
Collapse-O/Pro-Matic Roll-Your-Own Method Slider Effect and Duration
Roll-Your-Own Method
We have already demonstrated how the new animation_effect and duration attributes work with a shortcode. Now we will show the same example but using the roll-your-own method. As always, the default effect is slideFade and duration is fast, but these can be overwritten globally in the plugin settings. As of version 1.7.3 these attributes can be applied on a collapse element basis using two new data-atributes: data-effect and data-duration.
<div class="collapseomatic" id="monkey" title="Monkeys">Monkeys</div>
<div id="target-monkey" class="collapseomatic_content">....</div>
<div class="collapseomatic" id="donkey" data-duration="slow" title="Donkeys">Donkeys</div>
<div id="target-donkey" class="collapseomatic_content">....</div>
<div class="collapseomatic" id="ninja" data-duration="1" data-animation_effect="slideToggle" title="Ninjas">Ninjas</div>
<div id="target-ninja" class="collapseomatic_content">....</div>
Collapse-O/Pro-Matic Slider Effect and Duration Attributes
Currently the slide effect and duration can be set globally under the plugin settings, but what if we want to set it individually per collapse element? We need the ability to add this via a shortcode attribute and as a data attribute for the roll-your-own method.
Shortcode Attributes
Default animation_effect is slideFade and duration is fast. As of version 1.7.3 these can be overridden using two new attributes: animation_effect and duration. Since using a shortcode will save the default effect and speed to a variable, we need to set up a separate test for the roll-your-own method
[expand title="Monkeys"]...[/expand]
[expand title="Donkeys" duration="slow"]...[/expand]
[expand title="Ninjas" animation_effect="slideToggle"]...[/expand]