Permalink
Browse files

Docs (collapsibles): Added/updated non-inset examples. Adjusted mini-…

…example.
  • Loading branch information...
1 parent 77a8d2e commit a680d85c673c3a4f1d38a1940059936c0cec259b @jaspermdegroot jaspermdegroot committed Jul 23, 2012
Showing with 23 additions and 7 deletions.
  1. +22 −2 docs/content/content-collapsible-set.html
  2. +1 −5 docs/content/content-collapsible.html
@@ -78,11 +78,31 @@
</div>
</div>
+ <h2>Non-inset collapsible sets</h2>
+
+ <p>For full width collapsibles without corner styling add the <code>data-inset="false"</code> attribute to the set.</p>
+
+ <div data-role="collapsible-set" data-inset="false">
+ <div data-role="collapsible">
+ <h3>I'm a header</h3>
+ <p>I'm the collapsible content.</p>
+ </div>
+ <div data-role="collapsible">
+ <h3>I'm a header</h3>
+ <p>I'm the collapsible content.</p>
+ </div>
+ <div data-role="collapsible">
+ <h3>I'm a header</h3>
+ <p>I'm the collapsible content.</p>
+ </div>
+ </div>
+
+
<h2>Mini collapsible sets</h2>
- <p>For a more compact version that is useful in tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms/forms-all-mini.html">mini version</a>. </p>
+ <p>For a more compact version that is useful in tight spaces, add the <code>data-mini="true"</code> attribute to the set to create a <a href="../forms/forms-all-mini.html">mini version</a>. </p>
- <div data-role="collapsible-set" data-theme="c" data-content-theme="d" data-mini="true">
+ <div data-role="collapsible-set" data-theme="c" data-mini="true">
<div data-role="collapsible">
<h3>Section 1</h3>
<p>Collapsible content</p>
@@ -81,11 +81,7 @@
<div data-role="collapsible" data-inset="false">
<h3>I'm a header</h3>
- <ul data-role="listview">
- <li>List item 1</li>
- <li>List item 2</li>
- <li>List item 3</li>
- </ul>
+ <p>I'm the collapsible content.</p>
</div>
<h2>Mini collapsibles</h2>

0 comments on commit a680d85

Please sign in to comment.