Skip to content

v3.1 changelog

Jump to bottom Edit New page
Paul Jackson edited this page Nov 1, 2013 · 10 revisions

français

Table of Contents

v3.1.6

  • Release date: 2013-11-01
  • Downloads

What's New

Session timeout: added missing timeout messages (fixes #3354)

v3.1.5

What's New

  • Form validation: Fixed for attribute, ariaLive and clearing errors
  • Session timeout: Improved usability of timeout message and fixed numeours bugs
  • Tabbed interface: Fixed mobile tab creation
  • Lightbox: Fixed bugs that prevented WAI-ARIA enhancement and POST actions
  • i18n: Updated strings
  • Removed all -eng and -fra files except for the ones in the root and the demos folder root

v3.1.4

What's New

  • Migration: Changed file name suffixes from -eng/-fra to -en/-fr to align with HTML5 conventions and to prepare for WET v4.0. The -eng/-fra files will be maintained for a period time to assist search engines with the transitions and to avoid breaking content.
  • Fixed handling of left mouse buttons clicks in IE8 on same-page links.
  • Multimedia player: Added srclang and label attributes to the caption track in the multimedia player working examples.
  • Tabbed interface: Reduced the screen reader "chatter" and improved Window Eyes support.
  • Added keyboard support for numbers through the numpad, punctuation and various symbols (affects Autocomplete, Menu bar, Share widget and Slideout tag)
  • Fixed rendering of site footer links in small/medium view
  • Updated Charts plugin to Flot v0.8.1

Known Issue

Charts plugin - Inner white circle bug on certain pie charts

  • What is the bug? An inner white circle appears in the middle of certain pie charts.
  • What is the severity? The bug is a trivial display glitch which occurs in very specific and limited scenarios.
  • Where does this bug occur? The bug only occurs when a donut pie chart (hole in the middle) precedes a regular pie chart (no hole in the middle) on the same Web page.
  • What is the root cause? The root cause is that Flot.js currently can't support more than one value per page for the pieinnerradius CSS option. More information can be found on the Flot.js issue 1128: Pie Chart - Undesirable inner white circle.
  • What is the workaround? Either keep donut and regular pie charts on different Web pages or ensure that regular pie charts precede the donut pie charts.

v3.1.3

What's New

  • Updated jQuery dependencies
  • Fixed focus loss when jQuery Mobile initializes
  • Fixed ghosting of the Canada Wordmark in the Internet and intranet theme splash pages
  • Fixed IE9 printing issue in GC Web Usability theme
  • Geomap: Fixed association between labels and checkboxes in the legend
  • Geomap: Added missing alt text
  • Tabbed interface: Fixed support for nested tabs in small screen view
  • Menu bar/Share widget: Improved WAI-ARIA support
  • Changed "Flux" to "Fils de nouvelles" in GC Web Usability theme footer
  • Fixed WCAG 2.0 issues with Grids form labels and .module-related links

v3.1.2

What's New

Changes That Break Things

  • GC Web Usability theme home page: The example markup and CSS has changed. The example was only intended to demonstrate the priorities section and the other sections (headlines, video, keep connected and minister) were only meant as filler content (not meant to be implemented). To minimize confusion, all the home page specific markup and CSS has been removed except for the markup and CSS related to the priorities section. In addition, the layout has been switched over to straight grids. If the old CSS is still needed, then it can be found in demos/theme-gcwu-fegc/css/old-homepage.css. The following ids and classes have been affected:
    • gcwu-content (replaced with span-6)
    • gcwu-aside (replaced with span-2)
    • gcwu-headlines (removed along with the associated section)
    • gcwu-video (removed along with the associated section)
    • gcwu-connected (removed along with the associated section)
    • gcwu-minister (removed along with the associated section)
  • Tabbed interface: The tabbed interface now gives priority to the URL hash when determining which tab panel to display on plugin load. Prior to this change, the last tab panel opened during a user's browsing session would be displayed. The order of precedence used to determine which tab panel to display is as follows:
    1. URL hash that matches a tab panel ID.
    2. Previously opened tab panel from a user's browsing session.
    3. Tab with the .default CSS class.
    4. First tab panel of the tabbed interface.

Other changes

  • In version 3.1.2, Geomap plugin markup has been modified to manage multiple Geomap plugins on the same page:
    • It needs a new tag to wrap the map, legend and data.
    • getMap function needs an id parameter.
    • The old way still works (for a single Geomap instance) but is deprecated in version 3.1.2.
    • For more information, read Geomap documentation.
  • Updated WET and Base theme hidden h2 text for full-width header and footer
    • Changed "Languages" (WET theme) and "Full-width header area" (Base theme) to "Header bar"
    • Changed "Full-width footer area" (Base theme) to "Footer bar".
    • Same changes made in other languages.
  • Changed order of site footer sections (switched News and Contact Us)
  • Corrected Government of Canada navigation bar and footer links
  • Aligned GC Web Usability theme with other themes by merging the application examples with the other examples and stopping the use of target='_blank' (still a valid approach but there are other equally valid approaches as well. The previous code can still be used.
  • Added splash and server message pages to the WET and Base themes
  • Added the Open Government Platform (OGPL) theme

v3.1.1

What's New

Changes That Break Things

  • Web Feeds widget Twitter feed now uses the Twitter Embedded Timeline since the Twitter API v1.0 is being discontinued. This means markup changes and requires timelines to be created in a Twitter account to be referenced by the widget.

v3.1.0

What's New

Changes That Break Things

As always, be on the lookout for broken layouts and functionality when upgrading, and test thoroughly

  • Old page top script section to split jQuery version to support release of jQuery 2.0 dropping support for oldIE
v3.0 
<script src="../dist/js/jquery.min.js"></script>
<!--[if lte IE 8]>
<script src="../dist/js/polyfills/html5shiv-min.js"></script>
<link rel="stylesheet" href="../dist/grids/css/util-ie-min.css" />
<link rel="stylesheet" href="../dist/js/css/pe-ap-ie-min.css" />
<link rel="stylesheet" href="../dist/theme-gcwu-fegc/css/theme-ie-min.css" />
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="../dist/grids/css/util-min.css" />
<link rel="stylesheet" href="../dist/js/css/pe-ap-min.css" />
<link rel="stylesheet" href="../dist/theme-gcwu-fegc/css/theme-min.css" />
<!--<![endif]-->
v3.1 
<!--[if lte IE 8]>
<script src="../dist/js/jquery-ie.min.js"></script>
<script src="../dist/js/polyfills/html5shiv-min.js"></script>
<link rel="stylesheet" href="../dist/grids/css/util-ie-min.css" />
<link rel="stylesheet" href="../dist/js/css/pe-ap-ie-min.css" />
<link rel="stylesheet" href="../dist/theme-gcwu-fegc/css/theme-ie-min.css" />
<noscript><link rel="stylesheet" href="../dist/theme-gcwu-fegc/css/theme-ns-ie-min.css" /></noscript>
<![endif]-->
<!--[if gt IE 8]><!-->
<script src="../dist/js/jquery.min.js"></script>
<link rel="stylesheet" href="../dist/grids/css/util-min.css" />
<link rel="stylesheet" href="../dist/js/css/pe-ap-min.css" />
<link rel="stylesheet" href="../dist/theme-gcwu-fegc/css/theme-min.css" />
<noscript><link rel="stylesheet" href="../dist/theme-gcwu-fegc/css/theme-ns-min.css" /></noscript>
<!--<![endif]-->
  • jQuery Mobile and pe-ap.js split into IE and non-IE versions at page bottom
v3.0 
<!-- ScriptsStart -->
<script src="../dist/theme-gcwu-fegc/js/theme-min.js"></script>
<script src="../dist/js/settings.js"></script>
<script src="../dist/js/pe-ap-min.js"></script>
<!-- ScriptsEnd -->
v3.1 
<!-- ScriptsStart -->
<script src="../dist/js/settings.js"></script>
<!--[if lte IE 8]>
<script src="../dist/theme-gcwu-fegc/js/theme-ie-min.js"></script>
<script src="../dist/js/pe-ap-ie-min.js"></script>
<script src="../dist/js/jquerymobile/jquery.mobile-ie.min.js"></script>
<![endif]-->
<!--[if gt IE 8]><!-->
<script src="../dist/theme-gcwu-fegc/js/theme-min.js"></script>
<script src="../dist/js/pe-ap-min.js"></script>
<script src="../dist/js/jquerymobile/jquery.mobile.min.js"></script>
<!--<![endif]-->
<!-- ScriptsEnd -->
  • Multi-column class names now use real numbers instead of written ones in the Grids system (e.g. "column-two" is now "column-2"). To upgrade these classes you can find and replace the following classes
v3.0 v3.1
column-two column-2
column-three column-3
column-four column-4
  • Slideout tab now uses text instead of images. See the Slideout migration instructions
  • Federal Identity Program elements are now SVG-based with an image fallback. The fallback is changed from GIF to PNG
v3.0 
<div id="gcwu-sig">
  <div id="gcwu-sig-in">
    <div id="gcwu-sig-eng" title="Government of Canada">
      <img src="../../dist/theme-gcwu-fegc/images/sig-eng.gif" width="214" height="20" alt="Government of Canada" />
    </div>
  </div>
</div>
v3.1 
<div id="gcwu-sig">
  <div id="gcwu-sig-in">
    <object data="../../dist/theme-gcwu-fegc/images/sig-eng.svg" role="img" tabindex="-1" aria-label="Government of Canada" type="image/svg+xml">
      <img src="../../dist/theme-gcwu-fegc/images/sig-eng.png" alt="Government of Canada" />
    </object>
  </div>
</div>

v3.0 

<div id="gcwu-wmms">
  <div id="gcwu-wmms-in">
    <div id="gcwu-wmms-fip" title="Symbol of the Government of Canada">
      <img src="../dist/theme-gcwu-fegc/images/wmms.gif" width="126" height="30" alt="Symbol of the Government of Canada" />
    </div>
  </div>
</div>
v3.1 
<div id="gcwu-wmms">
  <div id="gcwu-wmms-in">
    <object data="../dist/theme-gcwu-fegc/images/wmms.svg" role="img" tabindex="-1" aria-label="Symbol of the Government of Canada" type="image/svg+xml">
      <img src="../dist/theme-gcwu-fegc/images/wmms.png" alt="Symbol of the Government of Canada" />
    </object>
  </div>
</div>

Improved Performance

  • jQuery Mobile integrated with desktop view
  • Upgraded to newer versions of JQuery Mobile, jQuery, and others

Look and Feel

  • Mobile view redesign
  • Small, medium and large screen support
  • Two new generic themes (WET and Base themes)
  • Improved Multimedia Player UI

New Features

  • Geomap
  • Responsive Images
  • Expand/Collapse All
  • Table enhancement (sorting and filtering of tables)
  • Design guide
  • Improved Tabbed Interface
  • Improved Charts and Graphs

Compatibility

  • New polyfill for Meter
  • Improved Slideout Tab

Internationalization and Localization

  • Localization for 33 languages
  • Slideout Tab is now i18n-compliant
Add a custom footer
Add a custom sidebar
Clone this wiki locally