2.1.4 doc finalizes

Author: jlukic

server/documents/behaviors/form.html.eco

@@ -30,7 +30,7 @@ type        : 'UI Behavior'
       <div class="ui ignored info message">
         A validation object includes a list of form elements, and rules to validate each field against. Fields are matched by either the <code>id</code>, <code>name</code>, or <code>data-validate</code>  property matching the identifier specified in the settings object.
       </div>
-      <div class="ignore code" data-title="Shorthand">
+      <div class="ignore code" data-title="Shorthand Validation">
       $('.ui.form')
         .form({
           fields: {
@@ -45,7 +45,7 @@ type        : 'UI Behavior'
       ;
       </div>
       <div class="ui horizontal divider">or</div>
-      <div class="ignore code" data-title="Expanded Version">
+      <div class="ignore code" data-title="Full Validation Settings">
       $('.ui.form')
         .form({
           fields: {

server/documents/hotfix.html.eco

@@ -9,37 +9,10 @@ type       : 'Library'
 
 <div class="ui container">
 
-normal:
-<div class="ui three column middle aligned grid">
-    <div class="column">
-      <img class="ui image" src="http://semantic-ui.com/images/wireframe/image.png">
-    </div>
-    <div class="column">
-      <img class="ui image" src="http://semantic-ui.com/images/wireframe/image.png">
-      <img class="ui image" src="http://semantic-ui.com/images/wireframe/image.png">
-    </div>
-    <div class="column">
-      <img class="ui image" src="http://semantic-ui.com/images/wireframe/image.png">
-    </div>
-</div>
-
-abnormal:
-<div class="ui three column middle aligned grid">
-  <div class="row">
-    <div class="column">
-      <img class="ui image" src="http://semantic-ui.com/images/wireframe/image.png">
-    </div>
-    <div class="column">
-      <img class="ui image" src="http://semantic-ui.com/images/wireframe/image.png">
-      <img class="ui image" src="http://semantic-ui.com/images/wireframe/image.png">
-    </div>
-    <div class="column">
-      <img class="ui image" src="http://semantic-ui.com/images/wireframe/image.png">
-    </div>
-  </div>
-</div>
-
-</div>
+      <select class="ui search dropdown">
+        <%- @partial('examples/single/state-options') %>
+      </select>
+      <div class="ui button">Button</div>
 </body>
 <!-- TEST JS HERE !-->
 <script>
@@ -51,6 +24,11 @@ $(document)
         allowAdditions: true
       })
     ;
+    $('.ui.button')
+      .on('click', function() {
+        $('.ui.dropdown').dropdown('set selected', 'VA');
+      })
+    ;
   })
 ;
 </script>

server/files/javascript/validate-form.js

@@ -12,7 +12,7 @@ semantic.validateForm.ready = function() {
     $dropdownForm = $('.dropdown.example .ui.form'),
     $optionalForm = $('.optional.example .ui.form'),
     $inlineForm   = $('.inline.example .ui.form'),
-    $form         = $('.ui.form').not($dogForm).not($inlineForm).not($dropdownForm).not($optionalForm).not($autoForm).not($promptForm),
+    $form         = $('.ui.form').not($dogForm).not($inlineForm).not($dropdownForm).not($optionalForm).not($promptForm),
     $checkbox     = $('.main.container .ui.checkbox'),
     $dropdown     = $('.main.container .ui.dropdown'),
     // alias
@@ -194,7 +194,7 @@ semantic.validateForm.ready = function() {
       .dropdown()
   ;
 
-  $autoForm
+/*  $autoForm
     .form({
       fields: {
         name     : 'empty',
@@ -206,7 +206,7 @@ semantic.validateForm.ready = function() {
       }
     })
   ;
-
+*/
   $promptForm
     .form({
       fields: {

server/files/stylesheets/docs.css

@@ -771,6 +771,11 @@ blockquote .author {
   max-height: 225px;
 }
 
+#example .clear.dropdown .dropdown {
+  vertical-align: middle;
+}
+
+
 /* Requires Clear */
 #example .clearing.example {
   overflow: hidden;