use new multiple-choice css, use hyphens in names

alphagov · Mar 27, 2017 · 382f773 · 382f773
1 parent 1c310b4
commit 382f773
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 33 deletions.
diff --git a/docs/views/examples/pass-data/index.html b/docs/views/examples/pass-data/index.html
@@ -41,7 +41,7 @@ <h1 class="heading-xlarge">
           <fieldset>
 
             <label class="form-label" for="registration-number">Vehicle registration number</label>
-            <input class="form-control" id="registration-number" name="vehicleRegistration" type="text" value="{{vehicleRegistration}}">
+            <input class="form-control" id="registration-number" name="vehicle-registration" type="text" value="{{vehicleRegistration}}">
 
           </fieldset>
         </div>

diff --git a/docs/views/examples/pass-data/vehicle-check-answers.html b/docs/views/examples/pass-data/vehicle-check-answers.html
@@ -25,7 +25,7 @@ <h1 class="heading-large">
       Vehicle type:
     &lt;/td&gt;
     &lt;td&gt;
-      {{data['vehicleType']}}
+      {{data['vehicle-type']}}
     &lt;/td&gt;
   &lt;/tr&gt;
   {% endraw %}</div></pre>
@@ -54,7 +54,7 @@ <h2 class="heading-medium">
             Registration number
           </td>
           <td>
-            {{data['vehicleRegistration']}}
+            {{data['vehicle-registration']}}
           </td>
           <td class="change-answer">
             <a href="/docs/examples/pass-data/">
@@ -67,7 +67,7 @@ <h2 class="heading-medium">
             Vehicle type
           </td>
           <td>
-            {{data['vehicleType']}}
+            {{data['vehicle-type']}}
           </td>
           <td class="change-answer">
             <a href="/docs/examples/pass-data/vehicle-type">
@@ -80,7 +80,7 @@ <h2 class="heading-medium">
             Vehicle features
           </td>
           <td>
-            {{data['vehicleFeatures']}}
+            {{data['vehicle-features']}}
           </td>
           <td class="change-answer">
             <a href="/docs/examples/pass-data/vehicle-features">

diff --git a/docs/views/examples/pass-data/vehicle-features.html b/docs/views/examples/pass-data/vehicle-features.html
@@ -25,20 +25,20 @@
               Which of these applies to your vehicle? (Select all that apply)
             </p>
 
-            <label class="block-label" for="vehicle-feature-heated-seats">
-              <input id="vehicle-feature-heated-seats" name="vehicleFeatures" type="checkbox" value="Heated seats" {{ checked("vehicleFeatures","Heated seats") }}>
-              Heated seats
-            </label>
-
-            <label class="block-label" for="vehicle-feature-gps">
-              <input id="vehicle-feature-gps" name="vehicleFeatures" type="checkbox" value="GPS" {{ checked("vehicleFeatures","GPS") }}>
-              GPS
-            </label>
-
-            <label class="block-label" for="vehicle-feature-radio">
-              <input id="vehicle-feature-radio" name="vehicleFeatures" type="checkbox" value="Radio" {{ checked("vehicleFeatures","Radio") }}>
-              Radio
-            </label>
+            <div class="multiple-choice">
+              <input id="vehicle-feature-heated-seats" name="vehicle-features" type="checkbox" value="Heated seats" {{ checked("vehicle-features", "Heated seats") }}>
+              <label for="vehicle-feature-heated-seats">Heated seats</label>
+            </div>
+            
+            <div class="multiple-choice">
+              <input id="vehicle-feature-gps" name="vehicle-features" type="checkbox" value="GPS" {{ checked("vehicle-features", "GPS") }}>
+              <label for="vehicle-feature-gps">GPS</label>
+            </div>
+
+            <div class="multiple-choice">
+              <input id="vehicle-feature-radio" name="vehicle-features" type="checkbox" value="Radio" {{ checked("vehicle-features", "Radio") }}>
+              <label for="vehicle-feature-radio">Radio</label>
+            </div>
 
           </fieldset>
         </div>

diff --git a/docs/views/examples/pass-data/vehicle-type.html b/docs/views/examples/pass-data/vehicle-type.html
@@ -25,20 +25,20 @@
               What type of vehicle do you have?
             </p>
 
-            <label class="block-label" for="vehicle-type-car">
-              <input id="vehicle-type-car" type="radio" name="vehicleType" value="Car" {{ checked("vehicleType","Car") }}>
-              Car
-            </label>
-
-            <label class="block-label" for="vehicle-type-lorry">
-              <input id="vehicle-type-lorry" type="radio" name="vehicleType" value="Lorry" {{ checked("vehicleType","Lorry") }}>
-              Lorry
-            </label>
-
-            <label class="block-label" for="vehicle-type-motorcycle">
-              <input id="vehicle-type-motorcycle" type="radio" name="vehicleType" value="Motorcycle" {{ checked("vehicleType","Motorcycle") }}>
-              Motorcycle
-            </label>
+            <div class="multiple-choice">
+              <input id="vehicle-type-car" name="vehicle-type" type="radio" value="Car" {{ checked("vehicle-type", "Car") }}>
+              <label for="vehicle-type-car">Car</label>
+            </div>
+
+            <div class="multiple-choice">
+              <input id="vehicle-type-lorry" name="vehicle-type" type="radio" value="Lorry" {{ checked("vehicle-type", "Lorry") }}>
+              <label for="vehicle-type-lorry">Lorry</label>
+            </div>
+
+            <div class="multiple-choice">
+              <input id="vehicle-type-motorcycle" name="vehicle-type" type="radio" value="Motorcycle" {{ checked("vehicle-type", "Motorcycle") }}>
+              <label for="vehicle-type-motorcycle">Motorcycle</label>
+            </div>
 
           </fieldset>
         </div>