From 25d0c857188c19347c869f803530289762199f92 Mon Sep 17 00:00:00 2001 From: Alexander Schmitz Date: Thu, 28 Aug 2014 15:16:51 -0400 Subject: Checkboxradio: Initial commit of new widget --- demos/checkboxradio/default.html | 70 +++++++++++++++ demos/checkboxradio/images/jquery-mobile.png | Bin 0 -> 6296 bytes demos/checkboxradio/images/jquery-ui.png | Bin 0 -> 7044 bytes demos/checkboxradio/images/jquery.png | Bin 0 -> 7206 bytes demos/checkboxradio/images/qunit.png | Bin 0 -> 6740 bytes demos/checkboxradio/images/sizzle.png | Bin 0 -> 8875 bytes demos/checkboxradio/index.html | 18 ++++ demos/checkboxradio/no-icons.html | 70 +++++++++++++++ demos/checkboxradio/product-selector.html | 127 +++++++++++++++++++++++++++ demos/checkboxradio/radiogroup.html | 39 ++++++++ 10 files changed, 324 insertions(+) create mode 100644 demos/checkboxradio/default.html create mode 100644 demos/checkboxradio/images/jquery-mobile.png create mode 100644 demos/checkboxradio/images/jquery-ui.png create mode 100644 demos/checkboxradio/images/jquery.png create mode 100644 demos/checkboxradio/images/qunit.png create mode 100644 demos/checkboxradio/images/sizzle.png create mode 100644 demos/checkboxradio/index.html create mode 100644 demos/checkboxradio/no-icons.html create mode 100644 demos/checkboxradio/product-selector.html create mode 100644 demos/checkboxradio/radiogroup.html (limited to 'demos/checkboxradio') diff --git a/demos/checkboxradio/default.html b/demos/checkboxradio/default.html new file mode 100644 index 000000000..c8f4c5566 --- /dev/null +++ b/demos/checkboxradio/default.html @@ -0,0 +1,70 @@ + + + + + jQuery UI Checkboxradio - Default functionality + + + + + + + + + +
+

Checkbox and radio button widgets

+ +

Radio Group

+
+ Select a Location: + + + + + + +
+ +

Checkbox

+
+ Hotel Ratings: + + + + + + + + +
+ +

Checkbox nested in label

+
+ Bed Type: + + + + +
+
+ +
+

Examples of the markup that can be used with checkboxes and radio buttons.

+
+ + diff --git a/demos/checkboxradio/images/jquery-mobile.png b/demos/checkboxradio/images/jquery-mobile.png new file mode 100644 index 000000000..fe2c36376 Binary files /dev/null and b/demos/checkboxradio/images/jquery-mobile.png differ diff --git a/demos/checkboxradio/images/jquery-ui.png b/demos/checkboxradio/images/jquery-ui.png new file mode 100644 index 000000000..651e2e115 Binary files /dev/null and b/demos/checkboxradio/images/jquery-ui.png differ diff --git a/demos/checkboxradio/images/jquery.png b/demos/checkboxradio/images/jquery.png new file mode 100644 index 000000000..ff3fdc21d Binary files /dev/null and b/demos/checkboxradio/images/jquery.png differ diff --git a/demos/checkboxradio/images/qunit.png b/demos/checkboxradio/images/qunit.png new file mode 100644 index 000000000..048bcfddb Binary files /dev/null and b/demos/checkboxradio/images/qunit.png differ diff --git a/demos/checkboxradio/images/sizzle.png b/demos/checkboxradio/images/sizzle.png new file mode 100644 index 000000000..6145cd8ec Binary files /dev/null and b/demos/checkboxradio/images/sizzle.png differ diff --git a/demos/checkboxradio/index.html b/demos/checkboxradio/index.html new file mode 100644 index 000000000..08e598dbc --- /dev/null +++ b/demos/checkboxradio/index.html @@ -0,0 +1,18 @@ + + + + + + jQuery UI Checkboxradio Demos + + + + + + + diff --git a/demos/checkboxradio/no-icons.html b/demos/checkboxradio/no-icons.html new file mode 100644 index 000000000..64b511246 --- /dev/null +++ b/demos/checkboxradio/no-icons.html @@ -0,0 +1,70 @@ + + + + + jQuery UI Checkboxradio - No Icons + + + + + + + + + +
+

Checkbox and radio button widgets

+ +

Radio Group

+
+ Select a Location: + + + + + + +
+ +

Checkbox

+
+ Hotel Ratings: + + + + + + + + +
+ +

Checkbox nested in label

+
+ Bed Type: + + + + +
+
+ +
+

Examples of the markup that can be used with checkboxes and radio buttons, here showing both without icons.

+
+ + \ No newline at end of file diff --git a/demos/checkboxradio/product-selector.html b/demos/checkboxradio/product-selector.html new file mode 100644 index 000000000..f8da07118 --- /dev/null +++ b/demos/checkboxradio/product-selector.html @@ -0,0 +1,127 @@ + + + + + jQuery UI Checkboxradio - Product Selector + + + + + + + + + + + +
+
+

1.) Select a brand

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

2.) Select a shape

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

3.) Customize

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

Using two sets of radio buttons, as horizontal controlgroups, and one group of checkboxes, as a vertical controlgroup, to implement a product selector.

+
+ + diff --git a/demos/checkboxradio/radiogroup.html b/demos/checkboxradio/radiogroup.html new file mode 100644 index 000000000..b307db82d --- /dev/null +++ b/demos/checkboxradio/radiogroup.html @@ -0,0 +1,39 @@ + + + + + jQuery UI Checkboxradio - Radio Group + + + + + + + + + + +
+ +

Radio Group

+
+ Select a Location: + + + + + + +
+
+ +
+

Example markup using the controlgroup widget to create a radio group.

+
+ + -- cgit v1.2.3 From 16abde399daa07e11f3b972ab675d59374cf08be Mon Sep 17 00:00:00 2001 From: Alexander Schmitz Date: Wed, 7 Jan 2015 21:51:38 -0500 Subject: Spinner: Updates for new button widget and classes option --- demos/button/default.html | 9 +- demos/button/icons.html | 10 +- demos/button/splitbutton.html | 70 -------- demos/button/toolbar.html | 115 ------------ demos/checkboxradio/default.html | 9 +- demos/checkboxradio/no-icons.html | 9 +- demos/checkboxradio/product-selector.html | 10 +- demos/checkboxradio/radiogroup.html | 10 +- tests/unit/button/common-deprecated.js | 2 +- tests/unit/button/core.js | 1 + tests/unit/button/deprecated.js | 2 +- tests/unit/checkboxradio/common.js | 2 +- tests/unit/checkboxradio/core.js | 2 +- tests/unit/checkboxradio/events.js | 72 +------- tests/unit/checkboxradio/methods.js | 2 +- tests/unit/checkboxradio/options.js | 2 +- ui/checkboxradio.js | 289 ------------------------------ ui/widgets/button.js | 3 +- ui/widgets/checkboxradio.js | 265 +++++++++++++++++++++++++++ ui/widgets/spinner.js | 12 +- 20 files changed, 293 insertions(+), 603 deletions(-) delete mode 100644 demos/button/splitbutton.html delete mode 100644 demos/button/toolbar.html delete mode 100644 ui/checkboxradio.js create mode 100644 ui/widgets/checkboxradio.js (limited to 'demos/checkboxradio') diff --git a/demos/button/default.html b/demos/button/default.html index 5418fd8c9..644dcd225 100644 --- a/demos/button/default.html +++ b/demos/button/default.html @@ -5,18 +5,13 @@ jQuery UI Button - Default functionality - - - - - + diff --git a/demos/button/icons.html b/demos/button/icons.html index a8deca9cd..af4e3000c 100644 --- a/demos/button/icons.html +++ b/demos/button/icons.html @@ -5,13 +5,9 @@ jQuery UI Button - Icons - - - - - + @@ -41,7 +36,6 @@ -

CSS

diff --git a/demos/button/splitbutton.html b/demos/button/splitbutton.html deleted file mode 100644 index 6b7562d68..000000000 --- a/demos/button/splitbutton.html +++ /dev/null @@ -1,70 +0,0 @@ - - - - - - jQuery UI Button - Split button - - - - - - - - - - - - - -
-
- - -
-
    -
  • Open...
    • -
  • Save
    • -
  • Delete
    • -
-
- -
-

An example of a split button built with two buttons: A plain button with just text, one with only a primary icon -and no text. Both are grouped together in a set.

-
- - diff --git a/demos/button/toolbar.html b/demos/button/toolbar.html deleted file mode 100644 index f2c242f1f..000000000 --- a/demos/button/toolbar.html +++ /dev/null @@ -1,115 +0,0 @@ - - - - - - jQuery UI Button - Toolbar - - - - - - - - - - - -
- - - - - - - - - - - - - - -
- -
-

- A mediaplayer toolbar. Take a look at the underlying markup: A few button elements, - an input of type checkbox for the Shuffle button, and three inputs of type radio for the Repeat options. -

-
- - diff --git a/demos/checkboxradio/default.html b/demos/checkboxradio/default.html index c8f4c5566..c8c1a800d 100644 --- a/demos/checkboxradio/default.html +++ b/demos/checkboxradio/default.html @@ -4,17 +4,12 @@ jQuery UI Checkboxradio - Default functionality - - - - - + diff --git a/demos/checkboxradio/no-icons.html b/demos/checkboxradio/no-icons.html index 64b511246..c738d8ca8 100644 --- a/demos/checkboxradio/no-icons.html +++ b/demos/checkboxradio/no-icons.html @@ -4,17 +4,12 @@ jQuery UI Checkboxradio - No Icons - - - - - + diff --git a/demos/checkboxradio/product-selector.html b/demos/checkboxradio/product-selector.html index f8da07118..4e6db4507 100644 --- a/demos/checkboxradio/product-selector.html +++ b/demos/checkboxradio/product-selector.html @@ -4,14 +4,9 @@ jQuery UI Checkboxradio - Product Selector - - - - - - +