diff options
author | Youmin Ha <youmin.ha@samsung.com> | 2012-08-27 17:42:27 +0900 |
---|---|---|
committer | Youmin Ha <youmin.ha@samsung.com> | 2012-08-27 17:42:27 +0900 |
commit | be6beebae0ff9beefd2c43cfd5ee10419b4cda55 (patch) | |
tree | e4b127b1274a39b44ad9a758ab07440af83e966b /demos | |
parent | f476ccb6d18ed0c7392ad5508a4c7108c1297f2a (diff) | |
download | web-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-x | demos/tizen-winsets/index.html | 49 | ||||
-rwxr-xr-x | demos/tizen-winsets/test.png~HEAD | bin | 3108 -> 0 bytes | |||
-rwxr-xr-x | demos/tizen-winsets/test.png~master | bin | 3108 -> 0 bytes | |||
-rwxr-xr-x | demos/tizen-winsets/widgets/button/button.html | 14 | ||||
-rw-r--r-- | demos/tizen-winsets/widgets/datefield.html | 40 | ||||
-rwxr-xr-x | demos/tizen-winsets/widgets/list/list-divider_checkexpandable.html | 22 | ||||
-rwxr-xr-x | demos/tizen-winsets/widgets/list/list-divider_expandable.html | 22 | ||||
-rwxr-xr-x | demos/tizen-winsets/widgets/list/list.html | 2 | ||||
-rwxr-xr-x | demos/tizen-winsets/widgets/multibuttonentry-demo.js | 4 | ||||
-rw-r--r-- | demos/tizen-winsets/widgets/scroll_jump.html | 40 |
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 Binary files differdeleted file mode 100755 index 973b0eac..00000000 --- a/demos/tizen-winsets/test.png~HEAD +++ /dev/null diff --git a/demos/tizen-winsets/test.png~master b/demos/tizen-winsets/test.png~master Binary files differdeleted file mode 100755 index 973b0eac..00000000 --- a/demos/tizen-winsets/test.png~master +++ /dev/null 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 --> |