Browse Source

2.1.4 doc finalizes

avalanche1-patch-2
Jack Lukic 9 years ago
parent
commit
7197e9dc8c
  1. 4
      server/documents/behaviors/form.html.eco
  2. 40
      server/documents/hotfix.html.eco
  3. 6
      server/files/javascript/validate-form.js
  4. 5
      server/files/stylesheets/docs.css

4
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: {

40
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>

6
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: {

5
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;

Loading…
Cancel
Save