Extend example to show that JQM navigation works.

7a498a72 · Ivan Tyagov · e9ac834c · 7a498a72 · 7a498a72 · 7a498a72
Commit 7a498a72 authored Feb 07, 2013 by Ivan Tyagov
4 changed files
--- a/examples/jqm/documentation.html
+++ b/examples/jqm/documentation.html
+<html>
+  <head></head>
+  <body>
+
+    <div data-role="page">
+
+            <div data-role="header">
+                    <h1>Jquery mobile and RenderJs test</h1>
+            </div>
+
+            <div data-role="content">
+
+              <h2>Some documentation for this gadget.</h2>
+              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
+                 magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                 consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+                 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+            </div>
+
+    </div>
+
+  </body>
+</html>
+
+
+
--- a/examples/jqm/index.html
+++ b/examples/jqm/index.html
@@ -30,6 +30,8 @@
                data-gadget="jqm-gadget.html"></div>
            <div id="jqm-details-gadget"
                data-gadget="jqm-details-gadget.html"></div>
+            <div id="jqm-doc-gadget"
+                data-gadget="jqm-doc-gadget.html"></div>

          </div>


--- a/examples/jqm/jqm-doc-gadget.html
+++ b/examples/jqm/jqm-doc-gadget.html
+<html>
+  <head></head>
+  <body>
+
+
+    <ul data-role="listview" data-inset="true" data-filter="false">
+      <li><a href="documentation.html" class="ui-link-inherit">Link</a></li>
+    </ul>
+
+  </body>
+</html>
--- a/examples/jqm/jqm-gadget.css
+++ b/examples/jqm/jqm-gadget.css
@@ -7,3 +7,8 @@
 #country{
  font-weight: bold;
 }
+
+#jqm-doc-gadget{
+  width:100%;
+  float:left;
+}
\ No newline at end of file