This is a test of the changes with version 1.2.8 of Collapse-Pro-Matic.
First up: some basic improvements to Accessibility. For example, when an expand element has focus, it’s the same as if the element is being hovered over.
A Pluginoven Test Site
This is a test of the changes with version 1.2.8 of Collapse-Pro-Matic.
First up: some basic improvements to Accessibility. For example, when an expand element has focus, it’s the same as if the element is being hovered over.
[expand cid="2039"/]
Alt Test
First make sure Font Awesome is installed.
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Or use a plugin such as Font Awesome Icons to have it installed for you.
We are going to use the following two Font Awesome Arrows:
<i class="fa fa-arrow-circle-down"></i>
<i class="fa fa-arrow-circle-up"></i>
Next we want to create a new class for these arrows. We are going to use the name awesomearrows. The class definitions need look like so:
.collapseomatic.awesomearrows {
background-image: none;
}
.collapseomatic.awesomearrows:before {
font-family: FontAwesome;
content: "\f0ab";
}
.colomat-close.awesomearrows {
background-image: none;
}
.colomat-close.awesomearrows:before {
font-family: FontAwesome;
content: "\f0aa";
}
Now we need to assign the trigclass attribute our value of ‘awesomearrows’
[expand title="Trigger Text" trigclass="awesomearrows"]Target Content[/expand]
This is a test of a countdown that only launches Monday to Friday… excluding Weekends.
This is a demonstration of how to use Highlander Grouping and Setall trigclass to manage the expand/collapse all triggers:
[expand title="Expand All" swaptitle="Collapse All" trigclass="setall" rel="my_group-highlander"/]
[expand title="expand 1" rel="my_group-highlander"]this is the first expand item[/expand]
[expand title="expand 2" rel="my_group-highlander"]this is the second expand item[/expand]
[expand title="expand 3" rel="my_group-highlander"]this is the thrid expand item[/expand]
[expand title="expand 4" rel="my_group-highlander"]this is the thrid expand item[/expand]
This is a test to see if using t=’second tuesday’ will schedule a T(-) Countdown correctly:
[tminus t="second tuesday"]
Yup, looks like it works just fine.
It’s no T(-) Countdown Control, but in a pinch, it will work.
Edit.. nope, this will just countdown to the second Tuesday from today. To countdown to the second Tuesday of the MONTH you need to add the month and year.
[tminus t="may 2015 second tuesday"]