A Pluginoven Test Site
Shortcode This is an example of some text that has a trigger placed inline, meaning that the trigger does not break the flow of the text. However, when is clicked and the target is expanded, the target would break the paragraph as a display: block element. Naturally, when the element is collapsed, the inline flow …
Continue reading “Collapse-O-Matic Inline Trigger with Block Target”
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 …
Continue reading “Collapse-O/Pro-Matic Slider Effect and Duration Attributes”
Here is a typical nested collapse group with highlander grouping Notice how the main level and nested sub-elements have their own highlander grouping defined. This makes it so the main level items do not affect the nested children expand/collapse states.This is how it works: Now to do the exact same thing using the roll-your-own method:
this is a test element Print As of version 1.6.7c we introduced a new printstyle value ‘external’ for Print-O-Matic. Now it is possible to create an external button to trigger a print in a less-hacky way. Here is an example of this works: To print the following div with an id of ‘print_me_please’: <div id=”print_me_please”>This …
If we set up two groups for the sole purpose of creating expand/collapse all triggers that will only expand/collapse the related group we currently have to create something like: Science Fiction: Star WarsAlliance to Restore the Republic vs. Galactic Empire <span class=”expandall” rel=”fiction”>Expand All Science Fiction</span> <span class=”collapseall” rel=”fiction”>Collapse All Science Fiction</span> Pure Science: Space …
Continue reading “Collapse-O-Matic Grouping and Expandall Issues”
There are times when it would be nice to turn ANY element into an external trigger for a collapse element. So as of Collapse-Pro-Matic v 1.2.9f we have added: new colomat_trigger class that turns anything into a trigger new external_trigger shortcode element to enter the ids of the elements that should be used as an …
Continue reading “Collapse-Pro-Matic Advanced External Triggers”
Test 1 <h7>Test Header</h7> <strong>Strong Text</strong> This is a bit of text that goes on for awhile just to create the illusion that there is something important to say. After some time we might want to create a little teaser for this text that was hidden but now is not. Read moreRead Less Test Header …
Continue reading “Collapse-O-Matic Collapse-Pro-Matic Inline Test”
This is an example of Special Characters such as umlauts and accents in a Collapse-O-Matic Shortcode: Roll-your-own: üäöé if you say so I say so üäöé
This is how you modify the print-icon to have it show up in a simple menu. If we start with a simple right-aligned menu: <p style=”text-align: right;”><span class=”expandall”>Expand All</span> | <span class=”collapseall”>Collapse All</span> | </p> See how the icon jumps to it’s own line? Expand All | Collapse All | Let’s fix that. Step one, …
Introducing ‘togglegroup’ a new attribute that can be used instead of rel and highlander grouping for collapseall/expandall/setall toggles. Here is a list of expand elements with nested expansub elements: main 1 This is the first main section and it has multiple sub sections: sub asub section a sub bsub section b sub csub section b …
Continue reading “Grouping Collapse-Pro-Matic Setall Subexpands”