From 75138cb2bc85a385e310ee1874da4b1602d53557 Mon Sep 17 00:00:00 2001 From: jlukic Date: Fri, 4 Apr 2014 15:11:16 -0400 Subject: [PATCH] Fixes #758. Checkbox documentation on HTML only examples was poor --- server/documents/collections/form.html.eco | 102 +++++++++++++++++---- server/documents/modules/checkbox.html.eco | 28 +++++- 2 files changed, 108 insertions(+), 22 deletions(-) diff --git a/server/documents/collections/form.html.eco b/server/documents/collections/form.html.eco index df5b7813a..111085cf8 100755 --- a/server/documents/collections/form.html.eco +++ b/server/documents/collections/form.html.eco @@ -88,9 +88,10 @@ type : 'UI Collection' -
-

Checkbox

-

UI Checkboxes are styled forms of standard form checkboxes.

+
+

Javascript Checkbox

+

UI Checkboxes allow a user to select individual options in a form

+
$('.ui.checkbox') .checkbox() @@ -117,30 +118,39 @@ type : 'UI Collection'
+ -
-

Select

-

A selection dropdown, a type of ui dropdown can be used to allow for a selection from multiple choices

-
- $('.ui.selection.dropdown') - .dropdown() - ; -
-
- -
Gender
- -
-
Male
-
Female
+
+ +

HTML Only Checkbox

+

Using checkboxes with HTML only, you must match the for attribute of your label to the id attribute of your checkbox. +

+
+
+ + +
+
+
+
+ + +
+ +
+
+
+ + +
-
+

Radio Box

-

Radio boxes are styled forms of standard form radio controls.

+

Radio boxes are a type of UI Checkboxes allowing only exclusive choice of options

$('.ui.radio.checkbox') .checkbox() @@ -176,6 +186,58 @@ type : 'UI Collection'
+
+

HTML Only Radio Box

+

Using checkboxes with HTML only, you must match the for attribute of your label to the id attribute of your checkbox. +

+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+ + +
+

Select

+

A selection dropdown, a type of ui dropdown can be used to allow for a selection from multiple choices

+
+ $('.ui.selection.dropdown') + .dropdown() + ; +
+
+ +
Gender
+ +
+
Male
+
Female
+
+
+

Text Block

Text blocks have special meaning inside a form tag. Any info, error, or warning message blocks found inside a form are hidden by default.

diff --git a/server/documents/modules/checkbox.html.eco b/server/documents/modules/checkbox.html.eco index 056c14a5e..3625b45ff 100755 --- a/server/documents/modules/checkbox.html.eco +++ b/server/documents/modules/checkbox.html.eco @@ -50,8 +50,6 @@ type : 'UI Module'
- -

Radio Box

A checkbox can be formatted as a radio element. This means it is an exclusive option.

@@ -85,6 +83,32 @@ type : 'UI Module'
+
+

HTML Only Checkbox

+

Using checkboxes with HTML only, you must match the for attribute of your label to the id attribute of your checkbox. +

+
+
+ + +
+
+
+
+ + +
+ +
+
+
+ + +
+
+
+
+

Variations