summaryrefslogtreecommitdiff
path: root/demos
diff options
context:
space:
mode:
authorYoumin Ha <youmin.ha@samsung.com>2012-08-27 17:42:27 +0900
committerYoumin Ha <youmin.ha@samsung.com>2012-08-27 17:42:27 +0900
commitbe6beebae0ff9beefd2c43cfd5ee10419b4cda55 (patch)
treee4b127b1274a39b44ad9a758ab07440af83e966b /demos
parentf476ccb6d18ed0c7392ad5508a4c7108c1297f2a (diff)
downloadweb-ui-fw-be6beebae0ff9beefd2c43cfd5ee10419b4cda55.tar.gz
web-ui-fw-be6beebae0ff9beefd2c43cfd5ee10419b4cda55.tar.bz2
web-ui-fw-be6beebae0ff9beefd2c43cfd5ee10419b4cda55.zip
Export 0.1.41
Diffstat (limited to 'demos')
-rwxr-xr-xdemos/tizen-winsets/index.html49
-rwxr-xr-xdemos/tizen-winsets/test.png~HEADbin3108 -> 0 bytes
-rwxr-xr-xdemos/tizen-winsets/test.png~masterbin3108 -> 0 bytes
-rwxr-xr-xdemos/tizen-winsets/widgets/button/button.html14
-rw-r--r--demos/tizen-winsets/widgets/datefield.html40
-rwxr-xr-xdemos/tizen-winsets/widgets/list/list-divider_checkexpandable.html22
-rwxr-xr-xdemos/tizen-winsets/widgets/list/list-divider_expandable.html22
-rwxr-xr-xdemos/tizen-winsets/widgets/list/list.html2
-rwxr-xr-xdemos/tizen-winsets/widgets/multibuttonentry-demo.js4
-rw-r--r--demos/tizen-winsets/widgets/scroll_jump.html40
10 files changed, 130 insertions, 63 deletions
diff --git a/demos/tizen-winsets/index.html b/demos/tizen-winsets/index.html
index 9969adaa..85506cfa 100755
--- a/demos/tizen-winsets/index.html
+++ b/demos/tizen-winsets/index.html
@@ -69,6 +69,7 @@
<li><a href="widgets/pagecontrol/pagecontrol.html">PageControl</a></li>
<li><a href="widgets/selectioninfo.html">SelectionInfo</a></li>
<li><a href="widgets/handler.html">Handler</a></li>
+ <li><a href="widgets/scroll_jump.html">Scroll Jump</a></li>
<li><a href="#multibuttonentry">Multi-Button Entry</a></li>
<li data-role="list-divider">ControlBar</li>
<li><a href="#controlbar-demo">ControlBar</a></li>
@@ -104,8 +105,6 @@
<li><a href="widgets/grid/virtualgrid-auto.html">Virtual Grid - Auto</a></li>
<li data-role="list-divider">Multimedia view</li>
<li><a href="widgets/multimediaview/multimediaview.html">Multimedia view</a></li>
- <li data-role="list-divider">Map view</li>
-
<li data-role="list-divider">PageLayout</li>
<li><a href="widgets/pagelayout/barcontrol.html">Header/Footer(fixed/non-fixed) Control</a></li>
<li><a href="widgets/pagelayout/backbutton-control.html">Back Button Control</a></li>
@@ -117,6 +116,9 @@
<li><a href="tips/list-sample/list-sample.html">Example for using listview</a></li>
<li><a href="tips/list-sample/expandable.html">Example for using expandable list</a></li>
<li><a href="tips/page-transition/transition.html">Page transitions</a></li>
+
+
+
</ul>
</div>
</div>
@@ -159,15 +161,15 @@
<li><a href="#optionheader1line2btn">1 line 2 buttons</a></li>
<li><a href="#optionheader1line3btn">1 line 3 buttons</a></li>
<li><a href="#optionheader1line4btn">1 line 4 buttons</a></li>
- <li><a href="#optionheader2line4btn">2 line 4 buttons</a></li>
</ul>
</div>
</div>
<div data-role="page" id="optionheader1line2btn" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
+
+ <h1>Option header</h1>
<a id="123">TestBtn</a>
- <h1>Option header - 2 buttons</h1>
<a id="opt_text" data-icon="optiontray"></a>
<a id="1234">TestBtn</a>
@@ -216,27 +218,6 @@
</div>
</div>
- <div data-role="page" id="optionheader2line4btn" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Option header - 4 buttons</h1>
- <div id="myoptionheader" data-role="optionheader">
- <div class="ui-grid-c ">
- <div class="ui-block-a"><a data-role="button">Previous</a></div>
- <div class="ui-block-b"><a data-role="button">Cancel</a></div>
- <div class="ui-block-c"><a data-role="button">Save</a></div>
- <div class="ui-block-d"><a data-role="button">Next</a></div>
- <div class="ui-block-a"><a data-role="button">Left</a></div>
- <div class="ui-block-b"><a data-role="button">1st Middle</a></div>
- <div class="ui-block-c"><a data-role="button">2nd Middle</a></div>
- <div class="ui-block-d"><a data-role="button">Right</a></div>
- </div>
- </div>
- </div>
- <div data-role="content">
- <p>Some content would be here</p>
- </div>
- </div>
-
<div data-role="page" id="controlbar-demo" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
<h1>ControlBar</h1>
@@ -751,7 +732,7 @@
<div data-role="page" id="normal1btn">
<div data-role="header" data-position="fixed">
<h1>Normal Title - 1Btn</h1>
- <a>default</a>
+ <a>text1</a>
</div>
<div data-role="content">
<ul data-role="listview">
@@ -771,8 +752,8 @@
<div data-role="page" id="normal2btn">
<div data-role="header" data-position="fixed">
<h1>Normal Title - 2Btn</h1>
- <a>default1</a>
- <a>default2</a>
+ <a>text1</a>
+ <a>text2</a>
</div>
<div data-role="content">
<ul data-role="listview">
@@ -791,7 +772,7 @@
<div data-role="page" id="normal2btnicononly">
<div data-role="header" data-position="fixed">
- <h1>Normal Title+2Buttons Icon only - Not Implemented Yet</h1>
+ <h1>Normal Title+2Buttons Icon only</h1>
<a data-icon="plus"></a>
<a data-icon="minus"></a>
</div>
@@ -813,10 +794,10 @@
<div data-role="page" id="normal3btn" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <a>default1</a>
<h1>Normal Title - 3Btn</h1>
- <a>default2</a>
- <a>default3</a>
+ <a>text1</a>
+ <a>text2</a>
+ <a>text3</a>
</div>
<div data-role="content">
<ul data-role="listview">
@@ -837,7 +818,7 @@
<div data-role="header" data-position="fixed">
<img src="icon-tizen.png"/>
<h1>Icon Title</h1>
- <a>default</a>
+ <a>text1</a>
</div>
<div data-role="content">
<ul data-role="listview">
@@ -1039,7 +1020,7 @@
<h1>Multi-button Entry</h1>
</div>
<div data-role="content">
- <div data-role="multibuttonentry" data-listuri="addressbook"></div>
+ <div data-role="multibuttonentry" data-list-id="#addressbook"></div>
<br>
<ul data-role="listview">
<li><a id='MBTaddItemTest'>Append Item</a></li>
diff --git a/demos/tizen-winsets/test.png~HEAD b/demos/tizen-winsets/test.png~HEAD
deleted file mode 100755
index 973b0eac..00000000
--- a/demos/tizen-winsets/test.png~HEAD
+++ /dev/null
Binary files differ
diff --git a/demos/tizen-winsets/test.png~master b/demos/tizen-winsets/test.png~master
deleted file mode 100755
index 973b0eac..00000000
--- a/demos/tizen-winsets/test.png~master
+++ /dev/null
Binary files differ
diff --git a/demos/tizen-winsets/widgets/button/button.html b/demos/tizen-winsets/widgets/button/button.html
index 1bb82408..fbc222ee 100755
--- a/demos/tizen-winsets/widgets/button/button.html
+++ b/demos/tizen-winsets/widgets/button/button.html
@@ -18,13 +18,6 @@
<div data-role="content">
<ul data-role = "listview">
<li><a href="buttonNolist.html">Buttons Pages(not in list) </a></li>
- <li class="ui-li-1line-btn1">Custom <div data-role="button" data-inline="true" data-icon="test">T</div></li>
- <li class="ui-li-1line-btn1">Custom Width <div data-role="button" style="width:300px" data-inline="true" data-icon="test">Test</div></li>
- <li class="ui-li-1line-btn1">Custom Width, Height <div data-role="button" style="width:300px;height:40px" data-icon="test" >Test</div> </li>
- <li class="ui-li-1line-btn1">Custom Width, Height, Right <div data-role="button" style="width:300px;height:40px" data-iconpos="right" data-icon="test" >Test</div> </li>
- <li class="ui-li-1line-btn1">Circle-Custom <div data-role="button" data-inline="true" data-icon="test2" data-style="circle" ></div> </li>
- <li class="ui-li-1line-btn1">Custom Top <div data-role="button" data-iconpos="top" data-icon="test" >tEST</div> </li>
- <li class="ui-li-1line-btn1">Custom Bottom <div data-role="button" data-iconpos="bottom" data-icon="test">Test</div></li>
<li class="ui-li-1line-btn1">List item 1<div data-role="button" data-inline="true">Text Button TesT</div></li>
<li class="ui-li-1line-btn1">List item 2<div data-role="button" data-inline="true" data-icon="reveal">Call Icon</div></li>
<li class="ui-li-1line-btn1">List item 3<div data-role="button" data-inline="true" data-icon="reveal">Longer Call Icon</div></li>
@@ -39,6 +32,13 @@
style="position: absolute; top: 0px; margin-top: 0px; left:70%"></div></li>
<li>List item 12<div data-role="button" data-inline="true" data-style="edit"
style="position: absolute; top: 0px; margin-top: 0px; left:70%">Delete</div></li>
+ <li class="ui-li-1line-btn1">Custom <div data-role="button" data-inline="true" data-icon="test">T</div></li>
+ <li class="ui-li-1line-btn1">Custom Width <div data-role="button" style="width:300px" data-inline="true" data-icon="test">Test</div></li>
+ <li class="ui-li-1line-btn1">Custom Width, Height <div data-role="button" style="width:300px;height:40px" data-icon="test" >Test</div> </li>
+ <li class="ui-li-1line-btn1">Custom Width, Height, Right <div data-role="button" style="width:300px;height:40px" data-iconpos="right" data-icon="test" >Test</div> </li>
+ <li class="ui-li-1line-btn1">Circle-Custom <div data-role="button" data-inline="true" data-icon="test2" data-style="circle" ></div> </li>
+ <li class="ui-li-1line-btn1">Custom Top <div data-role="button" data-iconpos="top" data-icon="test" >tEST</div> </li>
+ <li class="ui-li-1line-btn1">Custom Bottom <div data-role="button" data-iconpos="bottom" data-icon="test">Test</div></li>
</ul>
</div>
</div>
diff --git a/demos/tizen-winsets/widgets/datefield.html b/demos/tizen-winsets/widgets/datefield.html
index ae068464..090594f1 100644
--- a/demos/tizen-winsets/widgets/datefield.html
+++ b/demos/tizen-winsets/widgets/datefield.html
@@ -4,38 +4,38 @@
</div>
<div data-role="content">
<ul data-role="listview">
- <li class="ui-li-2line-sub-main">
- <span class="ui-li-text-main">
+ <li class="ui-li-dialogue ui-datetime">
+ <div class="ui-datetime-text-main">
<input type="datetime" name="demo-date" id="demo-date"
data-format="MMM dd yyyy hh:mm tt" value="2012-06-30T00:00:00+09:00" />
- </span>
- <span class="ui-li-text-sub">
+ </div>
+ <div class="ui-datetime-text-sub">
Date/Time Picker(Custom) - <span id="selected-date1"><em>(select a date first)</em></span>
- </span>
+ </div>
</li>
- <li class="ui-li-2line-sub-main">
- <span class="ui-li-text-main">
+ <li class="ui-li-dialogue ui-datetime ui-datetime">
+ <div class="ui-datetime-text-main">
<input type="datetime" name="demo-date2" id="demo-date2" />
- </span>
- <span class="ui-li-text-sub">
+ </div>
+ <div class="ui-datetime-text-sub">
Date/Time Picker - <span id="selected-date2"><em>(select a date first)</em></span>
- </span>
+ </div>
</li>
- <li class="ui-li-2line-sub-main">
- <span class="ui-li-text-main">
+ <li class="ui-li-dialogue ui-datetime ui-datetime">
+ <div class="ui-datetime-text-main">
<input type="date" name="demo-date3" value="2012-06-30" id="demo-date3"/>
- </span>
- <span class="ui-li-text-sub">
+ </div>
+ <div class="ui-datetime-text-sub">
Date Picker - <span id="selected-date3"><em>(select a date first)</em></span>
- </span>
+ </div>
</li>
- <li class="ui-li-2line-sub-main">
- <span class="ui-li-text-main">
+ <li class="ui-li-dialogue ui-datetime ui-datetime">
+ <div class="ui-datetime-text-main">
<input type="time" name="demo-date4" id="demo-date4" />
- </span>
- <span class="ui-li-text-sub">
+ </div>
+ <div class="ui-datetime-text-sub">
Time Picker - <span id="selected-date4"><em>(select a date first)</em></span>
- </span>
+ </div>
</li>
</ul>
</div><!-- /content -->
diff --git a/demos/tizen-winsets/widgets/list/list-divider_checkexpandable.html b/demos/tizen-winsets/widgets/list/list-divider_checkexpandable.html
new file mode 100755
index 00000000..c6249005
--- /dev/null
+++ b/demos/tizen-winsets/widgets/list/list-divider_checkexpandable.html
@@ -0,0 +1,22 @@
+<div data-role="page" data-add-back-btn="true">
+ <div data-role="header" data-position="fixed">
+ <h1>Normal Divider </h1>
+ </div>
+ <div class="content" data-role="content" data-scroll="y">
+ <ul data-role="listview">
+ <li data-role="list-divider" data-style="checkexpandable"><form><input type="checkbox" name="c2line-check1" /></form>Test</li>
+ <li class="ui-li-has-checkbox"><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
+ <li class="ui-li-has-checkbox"><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
+ <li class="ui-li-has-checkbox"><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
+ <li data-role="list-divider" data-style="checkexpandable"><form><input type="checkbox" name="c2line-check1" /></form></li>
+ <li class="ui-li-has-checkbox"><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
+ <li class="ui-li-has-checkbox"><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
+ <li class="ui-li-has-checkbox"><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
+ <li data-role="list-divider" data-style="checkexpandable"><form><input type="checkbox" name="c2line-check1" /></form></li>
+ <li class="ui-li-has-checkbox">Normal lists</li>
+ <li class="ui-li-has-checkbox">Normal lists</li>
+ <li class="ui-li-has-checkbox">Normal lists</li>
+ </ul>
+ </div>
+</div>
+
diff --git a/demos/tizen-winsets/widgets/list/list-divider_expandable.html b/demos/tizen-winsets/widgets/list/list-divider_expandable.html
new file mode 100755
index 00000000..debb0321
--- /dev/null
+++ b/demos/tizen-winsets/widgets/list/list-divider_expandable.html
@@ -0,0 +1,22 @@
+<div data-role="page" data-add-back-btn="true">
+ <div data-role="header" data-position="fixed">
+ <h1>Normal Divider </h1>
+ </div>
+ <div class="content" data-role="content" data-scroll="y">
+ <ul data-role="listview">
+ <li data-role="list-divider" data-style="expandable">Item styles</li>
+ <li><a href="#" >Normal lists</a></li>
+ <li><a href="#" >Normal lists</a></li>
+ <li><a href="#" >Normal lists</a></li>
+ <li data-role="list-divider" data-style="expandable">Item styles</li>
+ <li><a href="#" >Normal lists</a></li>
+ <li><a href="#" >Normal lists</a></li>
+ <li><a href="#" >Normal lists</a></li>
+ <li data-role="list-divider" data-style="expandable">Item styles</li>
+ <li><a href="#" >Normal lists</a></li>
+ <li><a href="#" >Normal lists</a></li>
+ <li><a href="#" >Normal lists</a></li>
+ </ul>
+ </div>
+</div>
+
diff --git a/demos/tizen-winsets/widgets/list/list.html b/demos/tizen-winsets/widgets/list/list.html
index 3f80bf86..19079227 100755
--- a/demos/tizen-winsets/widgets/list/list.html
+++ b/demos/tizen-winsets/widgets/list/list.html
@@ -21,6 +21,8 @@
<li><a href="list-divider_normal.html">Normal divider</a></li>
<li><a href="list-divider_groupped.html">Groupped divider</a></li>
<li><a href="list-divider_check.html">Check divider</a></li>
+ <li><a href="list-divider_expandable.html">Expandable divider</a></li>
+ <li><a href="list-divider_checkexpandable.html">CheckExpandable divider</a></li>
<li data-role="list-divider">Etc...</li>
<li><a href="list-bubble.html">bubble</a></li>
diff --git a/demos/tizen-winsets/widgets/multibuttonentry-demo.js b/demos/tizen-winsets/widgets/multibuttonentry-demo.js
index 567d929f..7e648b12 100755
--- a/demos/tizen-winsets/widgets/multibuttonentry-demo.js
+++ b/demos/tizen-winsets/widgets/multibuttonentry-demo.js
@@ -43,8 +43,8 @@
$( ":jqmData(role='multibuttonentry')" ).multibuttonentry( "focusOut", 0 );
});
- $( "#MBTdestoryTest" ).click( function () {
- $( ":jqmData(role='multibuttonentry')" ).multibuttonentry( "destory" );
+ $( "#MBTdestroyTest" ).click( function () {
+ $( ":jqmData(role='multibuttonentry')" ).multibuttonentry( "destroy" );
});
$( "#contentList a" ).click( function () {
diff --git a/demos/tizen-winsets/widgets/scroll_jump.html b/demos/tizen-winsets/widgets/scroll_jump.html
new file mode 100644
index 00000000..36df9063
--- /dev/null
+++ b/demos/tizen-winsets/widgets/scroll_jump.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<div data-role="page">
+ <div data-role="header" data-position="fixed">
+ <h1>Scroll Jump</h1>
+ </div>
+ <div data-role="content" data-scroll-jump="true">
+ <ul data-role="listview">
+ <li>item00</li>
+ <li>item01</li>
+ <li>item02</li>
+ <li>item03</li>
+ <li>item04</li>
+ <li>item05</li>
+ <li>item06</li>
+ <li>item07</li>
+ <li>item08</li>
+ <li>item09</li>
+ <li>item10</li>
+ <li>item11</li>
+ <li>item12</li>
+ <li>item13</li>
+ <li>item14</li>
+ <li>item15</li>
+ <li>item16</li>
+ <li>item17</li>
+ <li>item18</li>
+ <li>item19</li>
+ <li>item20</li>
+ <li>item21</li>
+ <li>item22</li>
+ <li>item23</li>
+ <li>item24</li>
+ <li>item25</li>
+ <li>item26</li>
+ <li>item27</li>
+ <li>item28</li>
+ <li>item29</li>
+ </ul>
+ </div><!-- /content -->
+</div> <!-- /page -->