Skip to content

Commit 20caf5d

Browse files
committed
Includes: Add templates for classes option
1 parent 6fc11b8 commit 20caf5d

File tree

2 files changed

+28
-0
lines changed

2 files changed

+28
-0
lines changed

includes/classes-option-desc.xml

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
<?xml version="1.0"?>
2+
<desc>
3+
<p>Specify additional classes to add to the widget's elements. Any of classes specified in the <a href="#theming">Theming section</a> can be used as keys to override their value. To learn more about this option, check out the <a href="http://learn.jquery.com/jquery-ui/widget-factory/classes-option/">learn article about the <code>classes</code> option</a>.</p>
4+
</desc>

includes/classes-option-example.xml

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
2+
<?xml version="1.0"?>
3+
<examples>
4+
<example>
5+
<desc>Initialize the <placeholder name="name"/> with the <code>classes</code> option specified, changing the theming for the <code>ui-<placeholder name="name"/></code> class:</desc>
6+
<code>
7+
$( ".selector" ).<placeholder name="name"/>({
8+
classes: {
9+
"ui-<placeholder name="name"/>": "highlight"
10+
}
11+
});
12+
</code>
13+
</example>
14+
<example>
15+
<desc>Get or set a property of the <code>classes</code> option, after initialization, here reading and changing the theming for the <code>ui-<placeholder name="name"/></code> class:</desc>
16+
<code>
17+
// Getter
18+
var themeClass = $( ".selector" ).<placeholder name="name"/>( "option", "classes.ui-<placeholder name="name"/>" );
19+
20+
// Setter
21+
$( ".selector" ).<placeholder name="name"/>( "option", "classes.ui-<placeholder name="name"/>", "highlight" );
22+
</code>
23+
</example>
24+
</examples>

0 commit comments

Comments
 (0)