A Pluginoven Test Site
In this example we will try to make part of the trigger text bit special by highlighting it with a special color or class. So the first step is to create our special class. Add the following to the plugin option page under custom css: .whoopie{ color: red; } Next, we wrap the part of …
Continue reading “Collapse-O-Matic Partially Highlighted Trigger Text”
Using notitle=true and tag=div Using no attributes, preceding text, div wrapped This is the first line Here we have the second line And finally line number three Using tag=li, ul wrapped
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, …
the alt attribute is causing the html to not validate properly. Here is a test to ensure it does not show up anymore: Expand allSwap allthis is a test With SwapAlt: MonkeyDonkeythis is a test
Wild Billd Gun Slinger James Butler Hickok (May 27, 1837 – August 2, 1876), better known as “Wild Bill” Hickok, was a folk character of the American Old West. Although some of his exploits as reported at the time were fictionalized, his skills as a gunfighter and gambler, along with his reputation as a lawman, …
As of Collapse-Pro-Matic version 1.0.4 there is a new Global Cookie setting based on this thread by Grant Pax. Setup Provide a unique name under Dashboard > Settings > Collapse-Pro-Matic > Global Cookie Name. For this example we will use monkeybucket provide ONE collapse element that will be used to set the global cookie value. …
An element can be set to ‘lock open’ once it has been expanded by setting trigclass=”colomat-expand-only”: Also works for grouping (Star Wars will lock open): Fiction Fact Also works for highlander-grouping (Monkeys will lock open): Fiction Also works for nested elements (level 3 will stay open): And of course expand/collapse all triggers: Expand All Collapse …
Quick test of all the animation effects with Collapse-O-Matic v 1.8.3:
This is a test on how to handle retroactively applying a collapse-expand feature to any element with a defined class. The idea is to first have an element with a specific class that holds a heaping amount of content, like the one below: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor …
This is an example of a simple expand element with an excerpt: The excerpt can be repositioned above the trigger by adding excerptpos=”above-trigger” like so: The following CSS can be used to control the vertical spacing between the three components. So that we don’t adjust all expand elements, the first step is to provide a …