--- { "title": "v4.0 changelog", "language": "en", "description": "v4.0 changelog - Version history - Web Experience Toolkit (WET)", "altLangPrefix": "v4.0-changelog", "dateModified": "2019-06-19" } ---

See Versioning for the meaning of each version number.

v4.0.31

What's New

Canada.ca (GCWeb)

v4.0.30

Quoi de neuf?

Canada.ca (GCWeb):

v4.0.21 to v4.0.29

What's New

Read the Instructions on applying the feed patch for WET-BOEW and related themes.

v4.0.29.1

What's New

v4.0.29

What's New

Recommended markup change (Minor)

Canada.ca (GCWeb):

v4.0.28.1

What's New

v4.0.28

What's New

Canada.ca (GCWeb):

v4.0.27

What's New

v4.0.26

What's New

v4.0.25

What's New

v4.0.24

What's New

v4.0.23

What's New

v4.0.22

What's New

v4.0.21

What's New

v4.0.20

What's New

v4.0.19

What's New

v4.0.18

What's New

v4.0.17

What's New

v4.0.16

What's New

v4.0.15

What's New

v4.0.14

What's New

v4.0.13

What's New

v4.0.12

What's New

v4.0.11

What's New

v4.0.10

What's New

v4.0.9

What's New

v4.0.8+2

What's New

v4.0.8+1

What's New

v4.0.8

What's New

v4.0.7

What's New

v4.0.6

What's New

v4.0.5

Template changes (non-breaking)

What's New

v4.0.4

Template changes (non-breaking)

Note: Only the changes to the English templates are shown. The same changes were made to the templates in the other supported languages.

  1. Added a search icon to the mobile panel button, changed the size of the button and changed menu panel button and title to "Search and menus"
    • Canada.ca theme:
      • Before:
        <section class="wb-mb-links col-xs-3 visible-sm visible-xs" id="wb-glb-mn">
        	<h2>Menu</h2>
        	<ul class="list-inline text-right chvrn">
        		<li><a href="#mb-pnl" title="Menu" aria-controls="mb-pnl" class="overlay-lnk" role="button"><span class="glyphicon glyphicon-th-list"><span class="wb-inv">Menu</span></span></a></li>
      • After:
        <section class="wb-mb-links col-xs-3 visible-sm visible-xs" id="wb-glb-mn">
        	<h2>Search and menus</h2>
        	<ul class="list-inline text-right chvrn">
        		<li><a href="#mb-pnl" title="Search and menus" aria-controls="mb-pnl" class="overlay-lnk btn" role="button"><span class="glyphicon glyphicon-search"><span class="glyphicon glyphicon-th-list"><span class="wb-inv">Search and menus</span></span></span></a></li>
    • Other themes:
      • Before:
        <section class="wb-mb-links col-xs-12 visible-sm visible-xs" id="wb-glb-mn">
        	<h2>Menu</h2>
        	<ul class="pnl-btn list-inline text-right">
        		<li><a href="#mb-pnl" title="Menu" aria-controls="mb-pnl" class="overlay-lnk btn-xs btn-default" role="button"><span class="glyphicon glyphicon-th-list"><span class="wb-inv">Menu</span></span></a></li>
      • After:
        section class="wb-mb-links col-xs-12 visible-sm visible-xs" id="wb-glb-mn">
        	<h2>Search and menus</h2>
        	<ul class="pnl-btn list-inline text-right">
        		<li><a href="#mb-pnl" title="Search and menus" aria-controls="mb-pnl" class="overlay-lnk btn btn-sm btn-default" role="button"><span class="glyphicon glyphicon-search"><span class="glyphicon glyphicon-th-list"><span class="wb-inv">Search and menus</span></span></span></a></li>
  2. Changed "Site menu" heading in the full menu AJAX file to "Topics menu"
    • Before:
      <h2>Site menu</h2>
    • After:
      <h2>Topics menu</h2>
  3. Moved contact information section to the start of the footer
    • Canada.ca theme:
      • Before:
        <h2 class="wb-inv">Site Information</h2>
        	<div class="row">
        		<section class="col-sm-3 col-lg-3">
        			<h3>Government</h3>
        			...
        		</section>
        		<section class="col-sm-3 col-lg-3">
        			<h3>Transparency</h3>
        			...
        		</section>
        		<div class="col-sm-3 col-lg-3 brdr-lft">
        			<section>
        				<h3>News</h3>
        				...
        			</section>
        			<section>
        				<h3>Contact information</h3>
        				...
        			</section>
        		</div>
      • After:
        <h2 class="wb-inv">About this site</h2>
        	<div class="row">
        		<div class="col-sm-3 col-lg-3">
        			<section>
        				<h3>News</h3>
        				...
        			</section>
        			<section>
        				<h3>Contact information</h3>
        				...
        			</section>
        		</div>
        		<section class="col-sm-3 col-lg-3">
        			<h3>Government</h3>
        			...
        		</section>
        		<section class="col-sm-3 col-lg-3 brdr-lft">
        			<h3>Transparency</h3>
        			...
        		</section>
    • Other themes:
      • Before:
        <h2 class="wb-inv">Site Information</h2>
        	<div class="row">
        		<section class="col-sm-3 col-lg-3">
        			<h3>About</h3>
        			...
        		</section>
        		<section class="col-sm-3 col-lg-3">
        			<h3>Contact information</h3>
        			...
        		</section>
      • After:
        <h2 class="wb-inv">About this site</h2>
        	<div class="row">
        		<section class="col-sm-3 col-lg-3">
        			<h3>Contact information</h3>
        			...
        		</section>
        		<section class="col-sm-3 col-lg-3">
        			<h3>About</h3>
        			...
        		</section>
  4. Moved the Date modified RDFa property into the time element
    • Before:
      <dl id="wb-dtmd" property="dateModified">
      	<dt>Date modified: </dt>
      	<dd>
      		<time>2014-07-22</time>
      	</dd>
      </dl>
    • After:
      <dl id="wb-dtmd">
      	<dt>Date modified: </dt>
      	<dd>
      		<time property="dateModified">2014-07-22</time>
      	</dd>
      </dl>
  5. Wrapped Tabbed interface details and carousel tab panels with div class="tabpanels"
    • Tabbed interface:
      • Before:
        <div class="wb-tabs wb-eqht">
        	<details id="details-panel1">
        		...
        	</details>
        	<details id="details-panel2">
        		...
        	</details>
        	<details id="details-panel3">
        		...
        	</details>
        </div>
      • After:
        <div class="wb-tabs wb-eqht">
        	<div class="tabpanels">
        		<details id="details-panel1">
        			...
        		</details>
        		<details id="details-panel2">
        			...
        		</details>
        		<details id="details-panel3">
        			...
        		</details>
        	</div>
        </div>
    • Carousel:
      • Before:
        <div class="wb-tabs carousel-s1">
        	<ul role="tablist">
        		...
        	</ul>
        	<div role="tabpanel" id="panel1" class="in fade">
        		...
        	</div>
        	<div role="tabpanel" id="panel2" class="out fade">
        		..
        	</div>
        	...
        </div>
      • After:
        <div class="wb-tabs carousel-s1">
        	<ul role="tablist">
        		...
        	</ul>
        	<div class="tabpanels">
        		<div role="tabpanel" id="panel1" class="in fade">
        			...
        		</div>
        		<div role="tabpanel" id="panel2" class="out fade">
        			..
        		</div>
        		...
        	</div>
        </div>

What's New

v4.0.3

What's New

v4.0.2

What's New

v4.0.1

What's New

v4.0.0

What's New

v4.0.0 Release Candidate 1

What's New

v4.0.0 Beta 2

What's New

v4.0.0 Beta 1

What's New