Skip to content

Commit 94f12c0

Browse files
Updated demo template page.
1 parent 2050e2f commit 94f12c0

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

docs/demos/_demo-template/index.html

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
</style>
2828
</head>
2929
<body>
30-
<div data-role="page">
30+
<div data-role="page" id="myMarkup">
3131

3232
<div data-role="header" data-theme="f">
3333
<h1>Demo title</h1>
@@ -38,23 +38,23 @@ <h1>Demo title</h1>
3838

3939
<div class="content-primary">
4040

41-
<h2>Heading</h2>
41+
<h2>How does "view source code" work</h2>
4242

43-
<h3>Subheading</h3>
44-
4543
<div data-demo-html="true" data-demo-js="true" data-demo-css="true" data-demo-php="file-name">
46-
<!-- data-demo-html="true" to include the markup in this div in the source code view -->
47-
<!-- data-demo-js="true" to include scripts from the head in the source code view -->
48-
<!-- data-demo-css="true" to include style from the head in the source code view -->
49-
<!-- data-demo-php="fileName" to include PHP script from file-name.php in the source code view -->
44+
<p>This is a div with...</p>
45+
<p>data-demo-html="true" to include the markup in this div in the source code view</p>
46+
<p>data-demo-js="true" to include all scripts from the head in the source code view</p>
47+
<p>data-demo-css="true" to include all style from the head in the source code view</p>
48+
<p>data-demo-php="fileName" to include PHP script from file-name.php in the source code view</p>
5049
</div><!--/demo-html -->
5150

52-
<h3>Subheading</h3>
51+
<h3>Specify which markup, script or style to show</h3>
5352

54-
<div data-demo-html="true" data-demo-js="#myScript" data-demo-css="#myStyle">
55-
<!-- data-demo-html="true" to include the markup in this div in the source code view -->
56-
<!-- data-demo-js="myScript" to include a specific script from the head in the source code view -->
57-
<!-- data-demo-css="myStyle" to include a specific style from the head in the source code view -->
53+
<div data-demo-html="#myMarkup" data-demo-js="#myScript" data-demo-css="#myStyle">
54+
<p>This is a div with...</p>
55+
<p>data-demo-html="#myMarkup" to include specific markup in the source code view</p>
56+
<p>data-demo-js="#myScript" to include a specific script from the head in the source code view</p>
57+
<p>data-demo-css="#myStyle" to include a specific style from the head in the source code view</p>
5858
</div><!--/demo-html -->
5959

6060
</div><!--/content-primary -->

0 commit comments

Comments
 (0)