Skip to content
This repository has been archived by the owner on Oct 8, 2021. It is now read-only.

Commit

Permalink
Demos: Some corrections in datepicker and grunticon demos.
Browse files Browse the repository at this point in the history
  • Loading branch information
jaspermdegroot committed Nov 26, 2013
1 parent eeda2a5 commit 1b777c8
Show file tree
Hide file tree
Showing 3 changed files with 17 additions and 8 deletions.
20 changes: 14 additions & 6 deletions demos/datepicker/index.php
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Collapsible - jQuery Mobile Demos</title>
<title>Datepicker - jQuery Mobile Demos</title>
<link rel="stylesheet" href="../../css/themes/default/jquery.mobile.css">
<link rel="stylesheet" href="../_assets/css/jqm-demos.css">
<link rel="shortcut icon" href="../favicon.ico">
Expand All @@ -28,17 +28,25 @@
<div role="main" class="ui-content jqm-content">

<h1>Datepicker Widget</h1>
<h2>PLEASE NOTE: This is not a jQuery Mobile widget and is not supported by jQuery Mobile</h2>
<p>This demo uses the jQuery UI Dateicker widget combined with a 3rd party wrapper to make this work with jQuery Mobile</p>
<p>This widget has all the same options and methods as the jQuery UI widget</p>
<p>For documentation on the Datepicker widget please see jQuery UI API docs <a href="http://api.jqueryui.com/datepicker/">http://api.jqueryui.com/datepicker/</a>
<p>For information and support on the jQuery Mobile Wrapper please see <a href="https://github.com/arschmitz/jquery-mobile-datepicker-wrapper">https://github.com/arschmitz/jquery-mobile-datepicker-wrapper</a></p>

<p><strong>PLEASE NOTE: This is not a jQuery Mobile widget and is not supported by jQuery Mobile.</strong></p>

<p>This demo uses the jQuery UI Datepicker widget combined with a 3rd party wrapper to make this work with jQuery Mobile. This widget has all the same options and methods as the jQuery UI widget.</p>

<p>For documentation on the Datepicker widget please see jQuery UI API docs <a href="http://api.jqueryui.com/datepicker/">http://api.jqueryui.com/datepicker/</a>.</p>

<p>For information and support on the jQuery Mobile Wrapper please see <a href="https://github.com/arschmitz/jquery-mobile-datepicker-wrapper">https://github.com/arschmitz/jquery-mobile-datepicker-wrapper</a>.</p>

<h2>Popup Datepicker</h2>

<div data-demo-html="true">
<input type="text" data-role="date">
</div>

<p> The Popup does not always position well for use on small screens and mobile devices there for the wrapper adds an inline option this option makes the calendar for the datepicker show up inline after the input which it is called on avoiding the issues related to popups</p>

<h2>Inline Datepicker</h2>

<div data-demo-html="true">
<input type="text" data-role="date" data-inline="true">
</div>
Expand Down
3 changes: 2 additions & 1 deletion demos/icons-grunticon/index.php
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,8 @@

<div role="main" class="ui-content jqm-content">
<h1>Grunticon</h1>
<p>Grunticon is a grunt plugin built by the filament group which takes SVG files and creates style sheets and PNG icons for use in your webpage. See <a href="https://github.com/filamentgroup/grunticon">https://github.com/filamentgroup/grunticon</a></p>

<p>Grunticon is a grunt plugin built by the Filament Group which takes SVG files and creates style sheets and PNG icons for use in your webpage. See <a href="https://github.com/filamentgroup/grunticon">https://github.com/filamentgroup/grunticon</a>.</p>
<h2>Grunticon Loader Script</h2>
<span data-demo-html="#grunticon-fallback" data-demo-js="#grunticon-loader"></span>

Expand Down
2 changes: 1 addition & 1 deletion demos/jqm-contents.php
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@
<h3>Icons</h3>
<ul>
<li data-filtertext="button icons svg disc alt custom icon position"><a href="../icons/" data-ajax="false">Icons</a></li>
<li data-filtertext=""><a href="../icons-grunticon/" data-ajax="false">Icons load script</a></li>
<li data-filtertext=""><a href="../icons-grunticon/" data-ajax="false">Grunticon loader</a></li>
</ul>
</li>
<li data-role="collapsible" data-collapsed-icon="carat-d" data-expanded-icon="carat-u" data-iconpos="right" data-inset="false">
Expand Down

0 comments on commit 1b777c8

Please sign in to comment.