ACTION-212: this needs styling and the Continue doesnt work anymore - https://www.w3.org/community/geosemweb/join?voterid=smyles
this needs styling and the Continue doesnt work anymore - https://www.w3.org/community/geosemweb/join?voterid=smyles
- State:
- closed
- Person:
- Jean-Guilhem Rouel
- Due on:
- December 17, 2013
- Created on:
- December 10, 2013
- Associated Product:
- Redesign 2012
- Related emails:
- No related emails
Related notes:
1. There's a message at the top, please add the class "message" to the existing <p> tag. Like this:
<div class="center"><p class="doc message"><em>This form allows organizations ...
2. To align the "Continue" links of the two paragraphs please add the class "bPadding" to the paragraph on the right, like this:
<div class="fluid-group">
<section>
<header><h2>...as an individual</h2></header>
<p class="bPadding"> ...
3. The "Continue" links are not working anymore because there was js code in the static plugins.js file that wasn't copied to the live js file. Here is the html/js code to fix it.
// HTML - please replace this
<a href="#" class="continue none read-more"><span>Continue</span></a>
// With this new HTML
<a href="#" class="continue none continue-more"><span>Continue</span></a>
// JS - please add this js code to the main.js file
// Hide/Show content with Continue down arrows
$(function () {
$(".continue-more").show();
$("a.continue-more").click(function(e){
$(this).prevAll(".read-more-content:first").slideToggle();
$(this).toggleClass("show");
// hide the continue links on the join page after the content gets expanded
$(this).hide();
e.preventDefault();
});
});
Display change log.