Birthday: December 3rd
October 2017
January 2018

Posted on

T(-) Countdown Omitweeks Width Issue

string(10) "target is:" int(1683855446) string(14) "target is now:" string(16) "id-641b9f4689f7f" string(10) "target is:" int(1689039446) string(14) "target is now:" string(16) "id-641b9f468a04f" string(10) "target is:" int(1689039446) string(14) "target is now:" string(16) "id-641b9f468a0f4" string(10) "target is:" int(1684287446) string(14) "target is now:" string(16) "id-641b9f468a1a6" string(10) "target is:" int(1689298646) string(14) "target is now:" string(16) "id-641b9f468a246" string(10) "target is:" int(1689298646) string(14) "target is now:" string(16) "id-641b9f468a2e7" string(10) "target is:" int(1683855446) string(14) "target is now:" string(16) "id-641b9f468a393" string(10) "target is:" int(1689039446) string(14) "target is now:" string(16) "id-641b9f468a431" string(10) "target is:" int(1689039446) string(14) "target is now:" string(16) "id-641b9f468a4ca" string(10) "target is:" int(1683855446) string(14) "target is now:" string(16) "id-641b9f468a568" string(10) "target is:" int(1689039446) string(14) "target is now:" string(16) "id-641b9f468a605" string(10) "target is:" int(1689039446) string(14) "target is now:" string(16) "id-641b9f468a69c" string(10) "target is:" int(1683855446) string(14) "target is now:" string(16) "id-641b9f468a73c" string(10) "target is:" int(1689039446) string(14) "target is now:" string(16) "id-641b9f468a7e9" string(10) "target is:" int(1689039446) string(14) "target is now:" string(16) "id-641b9f468a885" string(10) "target is:" int(1683855446) string(14) "target is now:" string(16) "id-641b9f468a922" string(10) "target is:" int(1689039446) string(14) "target is now:" string(16) "id-641b9f468a9bd" string(10) "target is:" int(1689039446) string(14) "target is now:" string(16) "id-641b9f468aa61" string(10) "target is:" int(1683855446) string(14) "target is now:" string(16) "id-641b9f468aafd"

This post investigates issues with the width of a countdown that has the weeks omitted. Since the width should auto-adjust based on the displayed time units.

c-3po

We’ll start with the c-3po style based on this issue on the WordPress Forums.

[tminus t="2018-04-11" omitweeks="true" style="c-3po"/]
Tage
5
0
Hours
0
0
Minutes
0
0
Seconds
0
0
Tage
1
1
0
Hours
0
0
Minutes
0
0
Seconds
0
0
Wk.
1
5
Tage
0
5
Hours
0
0
Minutes
0
0
Seconds
0
0
[tminus t="2018-04-11" omitweeks="true" style="c-3po-mini" minutes="mins." seconds="secs."/]
Tage
5
5
Hours
0
0
mins.
0
0
secs.
0
0
Tage
1
1
3
Hours
0
0
mins.
0
0
secs.
0
0
Wk.
1
6
Tage
0
1
Hours
0
0
mins.
0
0
secs.
0
0

sith

[tminus t="2018-04-11" omitweeks="true" style="sith"/]
Tage
5
0
Hours
0
0
Minutes
0
0
Seconds
0
0
Tage
1
1
0
Hours
0
0
Minutes
0
0
Seconds
0
0
Wk.
1
5
Tage
0
5
Hours
0
0
Minutes
0
0
Seconds
0
0

carbonlite

[tminus t="2018-04-11" omitweeks="true" style="carbonlite"/]
Tage
5
0
Hours
0
0
Minutes
0
0
Seconds
0
0
Tage
1
1
0
Hours
0
0
Minutes
0
0
Seconds
0
0
Wk.
1
5
Tage
0
5
Hours
0
0
Minutes
0
0
Seconds
0
0

cloud-city

[tminus t="2018-04-11" omitweeks="true" style="cloud-city"/]
Tage
5
0
Hours
0
0
Minutes
0
0
Seconds
0
0
Tage
1
1
0
Hours
0
0
Minutes
0
0
Seconds
0
0
Wk.
1
5
Tage
0
5
Hours
0
0
Minutes
0
0
Seconds
0
0

Jedi

[tminus t="2018-04-11" omitweeks="true"/]
Tage
5
0
Hours
0
0
Minutes
0
0
Seconds
0
0
Tage
1
1
0
Hours
0
0
Minutes
0
0
Seconds
0
0
Wk.
1
5
Tage
0
5
Hours
0
0
Minutes
0
0
Seconds
0
0

circle

[tminus t="2018-04-11" style="circle" omitweeks="true"/]
Tage
5
0
Hours
0
0
Minutes
0
0
Seconds
0
0
Posted on

Collapse-O-Matic > Lock Open

An element can be set to ‘lock open’ once it has been expanded by setting trigclass=”colomat-expand-only”:

I am a normal expand
yay
I am a locked open expand
yay

Also works for grouping (Star Wars will lock open):

Fiction

Star Wars
Target Content
Star Trek
Target Content
Battlestar Galactica
Target Content

Fact

Space Race
Target Content
Ansari X Prize
Target Content

Also works for highlander-grouping (Monkeys will lock open):

Fiction

Monkeys
Target Content
Donkeys
Target Content

Also works for nested elements (level 3 will stay open):

Root Level
Nested Level 1
Nested Level 2
Nested Level 3
Nested Level 4
Nested Level 5
Nested Level 6
Nested Level 7

And of course expand/collapse all triggers:

Expand All
Collapse All