Skip to content
This repository
Browse code

Collapsible: Added info and demo of collapsible coner styling to the …

…docs.
  • Loading branch information...
commit b6f18edfeb22dce6d00723d6d9f5686effcc7aaa 1 parent d333e22
Jasper de Groot authored December 04, 2012

Showing 1 changed file with 14 additions and 1 deletion. Show diff stats Hide diff stats

  1. 15  docs/content/content-collapsible.html
15  docs/content/content-collapsible.html
@@ -157,6 +157,20 @@
157 157
 			<p>I'm the collapsible content with a themed content block set to "d".</p>
158 158
 		</div>
159 159
 
  160
+        <h2>Corner styling</h2>
  161
+        
  162
+        <p>To create an inset collapsible without rounded corners you can add the <code>data-corners="false"</code> attribute to the element.</p>
  163
+
  164
+		<code>		
  165
+		&lt;div data-role=&quot;collapsible&quot; <strong>data-corners=&quot;false&quot;</strong> data-theme=&quot;b&quot; data-content-theme=&quot;d&quot;&gt;
  166
+		</code>
  167
+
  168
+		<p>This code will create an inset collapsible without rounded corners:</p>
  169
+
  170
+		<div data-role="collapsible" data-corners="false" data-theme="b" data-content-theme="d">
  171
+			<h3>I'm a header</h3>
  172
+			<p>I'm the collapsible content.</p>
  173
+		</div>
160 174
 		
161 175
 		
162 176
 		<h2>Nested Collapsibles</h2>
@@ -211,7 +225,6 @@
211 225
 		</div>
212 226
 		
213 227
 		
214  
-		
215 228
 		<h2>Collapsible sets (accordions)</h2>
216 229
 		<p>It's possible to combine multiple collapsibles into a grouped set that acts like an <a href="content-collapsible-set.html">accordion widget</a>.</p>
217 230
 		

0 notes on commit b6f18ed

Please sign in to comment.
Something went wrong with that request. Please try again.