From 3909e6d89e01e4cd8777377c63037896bb95aa2f Mon Sep 17 00:00:00 2001 From: Leif Johansson Date: Fri, 25 Nov 2011 21:18:19 +0100 Subject: new jq layout --- .../jquery-ui-1.9pre/demos/button/checkbox.html | 44 ++++++++ .../jquery-ui-1.9pre/demos/button/default.html | 38 +++++++ .../jquery-ui-1.9pre/demos/button/icons.html | 56 ++++++++++ .../jquery-ui-1.9pre/demos/button/index.html | 23 ++++ .../jquery-ui-1.9pre/demos/button/radio.html | 39 +++++++ .../jquery-ui-1.9pre/demos/button/splitbutton.html | 78 ++++++++++++++ .../jquery-ui-1.9pre/demos/button/toolbar.html | 120 +++++++++++++++++++++ 7 files changed, 398 insertions(+) create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/button/checkbox.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/button/default.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/button/icons.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/button/index.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/button/radio.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/button/splitbutton.html create mode 100644 src/main/webapp/jquery-ui-1.9pre/demos/button/toolbar.html (limited to 'src/main/webapp/jquery-ui-1.9pre/demos/button') diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/button/checkbox.html b/src/main/webapp/jquery-ui-1.9pre/demos/button/checkbox.html new file mode 100644 index 0000000..d96137d --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/button/checkbox.html @@ -0,0 +1,44 @@ + + + + + jQuery UI Button - Checkboxes + + + + + + + + + + + +
+ + + +
+ + + +
+ +
+ + + +
+

A checkbox is styled as a toggle button with the button widget. The label element associated with the checkbox is used for the button text.

+

This demo also demonstrates three checkboxes styled as a button set by calling .buttonset() on a common container.

+
+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/button/default.html b/src/main/webapp/jquery-ui-1.9pre/demos/button/default.html new file mode 100644 index 0000000..6c11598 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/button/default.html @@ -0,0 +1,38 @@ + + + + + jQuery UI Button - Default functionality + + + + + + + + + + +
+ + + + + +An anchor + +
+ + + +
+

Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor.

+
+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/button/icons.html b/src/main/webapp/jquery-ui-1.9pre/demos/button/icons.html new file mode 100644 index 0000000..161fe79 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/button/icons.html @@ -0,0 +1,56 @@ + + + + + jQuery UI Button - Icons + + + + + + + + + + +
+ + + + + + +
+ + + +
+

Some buttons with various combinations of text and icons, here specified via metadata.

+
+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/button/index.html b/src/main/webapp/jquery-ui-1.9pre/demos/button/index.html new file mode 100644 index 0000000..23977c8 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/button/index.html @@ -0,0 +1,23 @@ + + + + + jQuery UI Button Demos + + + + +
+

Examples

+ +
+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/button/radio.html b/src/main/webapp/jquery-ui-1.9pre/demos/button/radio.html new file mode 100644 index 0000000..be957d8 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/button/radio.html @@ -0,0 +1,39 @@ + + + + + jQuery UI Button - Radios + + + + + + + + + + +
+ +
+
+ + + +
+
+ +
+ + + +
+

A set of three radio buttons transformed into a button set.

+
+ + + diff --git a/src/main/webapp/jquery-ui-1.9pre/demos/button/splitbutton.html b/src/main/webapp/jquery-ui-1.9pre/demos/button/splitbutton.html new file mode 100644 index 0000000..51e8a2d --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/button/splitbutton.html @@ -0,0 +1,78 @@ + + + + + jQuery UI Button - Split button + + + + + + + + + + + + + +
+ +
+
+ + +
+ +
+ +
+ + + +
+ +

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/src/main/webapp/jquery-ui-1.9pre/demos/button/toolbar.html b/src/main/webapp/jquery-ui-1.9pre/demos/button/toolbar.html new file mode 100644 index 0000000..b270594 --- /dev/null +++ b/src/main/webapp/jquery-ui-1.9pre/demos/button/toolbar.html @@ -0,0 +1,120 @@ + + + + + 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. +

+
+ + + -- cgit v1.1