From 82b7dcc1d136d86d8b8fbff4073bcfd1d11fc1af Mon Sep 17 00:00:00 2001 From: Todd Parker Date: Mon, 7 Nov 2011 22:47:47 -0500 Subject: [PATCH] Added overlay-theme attr info for selects --- docs/forms/selects/index.html | 73 +++++++++++++++++++++++++++++++++-- 1 file changed, 70 insertions(+), 3 deletions(-) diff --git a/docs/forms/selects/index.html b/docs/forms/selects/index.html index 7ae82e53..894bd61a 100644 --- a/docs/forms/selects/index.html +++ b/docs/forms/selects/index.html @@ -583,18 +583,85 @@ $.mobile.selectmenu.prototype.options.hidePlaceholderMenuItems = false; -

Styling with data attributes

+

Theming selects

You can specify any jQuery Mobile button data- attribute on a select element, too. In this example, we're setting the theme, icon and inline properties:

-
- +

The data-overlay-theme attribute can be added a select element to set the color of the overlay layer that the dialog-based custom select menus and the outer border of the smaller custom menus. By default, the content block colors for swatch A will be used for the overlays.

+ +
+ + +
+ +
+ + +
+

Calling the select menu plugin

The select menu plugin will auto initialize on any page that contains a select menu, no need for a data-role attribute in the markup. However, you can directly call the select menu plugin on any selector, just like any normal jQuery plugin: