<div class="content" data-role="content" data-scroll="y">
<ul data-role="listview">
<li data-role="list-divider" data-style="check"><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="check"><form><input type="checkbox" name="c2line-check1" /></form>ABC</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><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
+ <li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
+ <li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
+ <li data-role="list-divider" data-style="check"><form><input type="checkbox" name="c2line-check1" /></form>Test divider</li>
+ <li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
+ <li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
+ <li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
<li data-role="list-divider" data-style="check"><form><input type="checkbox" name="c2line-check1" /></form>Divider</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>
+ <li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
+ <li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
+ <li><a href="#" ><form><input type="checkbox" name="c2line-check1" /></form>Normal lists</a></li>
</ul>
</div>
<div data-role="footer">
+++ /dev/null
-<div data-role="page" id="genlist-email" data-add-back-btn="true" data-fit-page-to-window="true">
- <div data-role="header" data-position="fixed">
- <h1>Email lists</h1>
- </div>
- <div class="content" data-role="content" data-scroll="y">
- <ul data-role="listview">
- <li class="ui-li-email-name1-btn">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name1-btn</span>
- <div data-role="button" data-inline="true">3 ></div>
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name2-btn">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name2-btn</span>
- <div data-role="button" data-inline="true">3 ></div>
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name1">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name1</span>
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name2">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name2</span>
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name1-btn-warning">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name1-btn-warning</span>
- <div data-role="button" data-inline="true">3 ></div>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name2-btn-warning">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name2-btn-warning</span>
- <div data-role="button" data-inline="true">3 ></div>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name1-warning">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name1-warning</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name2-warning">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name2-warning</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name1-btn-attach">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name1-btn-attach</span>
- <div data-role="button" data-inline="true">3 ></div>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name2-btn-attach">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name2-btn-attach</span>
- <div data-role="button" data-inline="true">3 ></div>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name1-attach">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name1-attach</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name2-attach">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name2-attach</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name1-btn-warning-attach">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name1-btn-warning-attach</span>
- <div data-role="button" data-inline="true">3 ></div>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name2-btn-warning-attach">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name2-btn-warning-attach</span>
- <div data-role="button" data-inline="true">3 ></div>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name1-warning-attach">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name1-warning-attach</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
- <li class="ui-li-email-name2-warning-attach">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <span class="ui-li-text-main">email-name2-warning-attach</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
- <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
- <span class="ui-li-text-sub1">Subtext 01</span>
- <span class="ui-li-text-sub2">Subtext 02</span>
- <span class="ui-li-text-sub3">Subtext 03</span>
- </li>
-
- </ul>
- </div>
- <div data-role="footer">
- </div>
-</div>
-
<li class="ui-li-has-multiline">
<a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
2line-bigicon-pgbar1
- <span class="ui-li-text-sub">Subtext</span>
<div data-role="progressbar" id="progressbar"></div>
</a>
</li>
<li class="ui-li-has-multiline">
<a href="#">
<img src="thumbnail.jpg" class="ui-li-bigicon">
- 2line-bigicon-pgbar2
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true">button</div>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- 2line-bigicon-pgbar2
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call"></div>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- 2line-bigicon-pgbar3
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- <div data-role="progressing" data-style="pending" id="pending"></div>
+ Short Progress
+ <div data-role="progressbar" id="progressbar"></div>
+ <div data-role="button" data-inline="true">Stop</div>
</a>
</li>
<a href="#">
<form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
<img src="thumbnail.jpg" class="ui-li-bigicon">
- 2line-icon-bigicon-btn
+ 2line-3items
<span class="ui-li-text-sub">Subtext</span>
<div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
</a>
+++ /dev/null
-<div data-role="page" id="genlist-normal" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Normal anchor lists</h1>
- </div>
- <div class="content" data-role="content" data-scroll="y">
- <ul data-role="listview">
-
- <li>
- <a href="#">
- <h3>1line</h3>
- </a>
- </li>
-
- <li>
- <a href="#">
- <h3>1line-setting</h3>
- <span class="ui-li-text-sub">Sub text</span>
- </a>
- </li>
-
- <li>
- <a href="#">
- <h3>1line-btn1</h3>
- <div data-role="button" data-inline="true">Text Button</div>
- </a>
- </li>
-
- <li>
- <a href="#">
- <h3>1line-btn2</h3>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </a>
- </li>
-
- <li>
- <a href="#">
- <h3>1line-toggle</h3>
- <select name="flip-11" id="flip-11" data-role="slider">
- <option value="off"></option>
- <option value="on"></option>
- </select>
- </a>
- </li>
-
- <li>
- <a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-bigicon1</h3>
- </a>
- </li>
-
- <li>
- <a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-bigicon2</h3>
- <span class="ui-li-text-sub">Sub text</span>
- </a>
- </li>
-
- <li>
- <a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-bigicon4</h3>
- <div data-role="button" data-inline="true">Text Button</div>
- </a>
- </li>
-
- <li>
- <a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-bigicon5</h3>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </a>
- </li>
-
- <li>
- <a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-bigicon6</h3>
- <select name="flip-11" id="flip-11" data-role="slider">
- <option value="off"></option>
- <option value="on"></option>
- </select>
- </a>
- </li>
-
- <li class="ui-li-has-checkbox">
- <a href="#">
- <form><input type="checkbox" name="c1line-check1" /></form>
- <h3>1line-check1</h3>
- </a>
- </li>
-
- <li class="ui-li-has-checkbox">
- <a href="#">
- <form><input type="checkbox" name="c1line-check2" /></form>
- <h3>1line-check2</h3>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </a>
- </li>
-
- <li class="ui-li-has-checkbox">
- <a href="#">
- <form><input type="checkbox" name="c1line-check3" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-check3</h3>
- </a>
- </li>
-
- <li class="ui-li-has-checkbox">
- <a href="#">
- <form><input type="checkbox" name="c1line-check4" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-check4</h3>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </a>
- </li>
-
- <li class="ui-li-has-radio">
- <a href="#">
- <form><input type="radio" /></form>
- <h3>1line-radio1</h3>
- </a>
- </li>
-
- <li class="ui-li-has-radio">
- <a href="#">
- <form><input type="radio" /></form>
- <h3>1line-radio3</h3>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </a>
- </li>
-
- <li class="ui-li-has-radio">
- <a href="#">
- <form><input type="radio" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-radio4</h3>
- </a>
- </li>
-
- <li class="ui-li-has-radio">
- <a href="#">
- <form><input type="radio" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-radio5</h3>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </a>
- </li>
-
- <li class="ui-li-has-radio">
- <a href="#">
- <form><input type="radio" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-radio6</h3>
-
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <h3>2line</h3>
- <span class="ui-li-text-sub">Subtext</span>
- </a>
- </li>
-
-<!-- <li class="ui-li-2line-sub-main">
- <a href="#">
- <span class="ui-li-text-sub">Subtext</span>
- <h3>2line-sub-main</h3>
- </a>
- </li>-->
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <h3>2line-2sub</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <h3>2line-btn1</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true">button</div>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <h3>2line-btn1</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call"></div>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <h3>2line-btn2</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <h3>line-star1</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <span style="position:absolute; right:16px; top:80px"><img class= "ui-li-icon-sub-right" src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub2">Subtext2</span>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <h3>2line-star</h3>
- <span class="ui-li-text-sub"><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png">Subtext</span>
- <span><img class="ui-li-icon-sub-right" src="00_winset_icon_favorite_on.png"></span>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <h3>2line-setting</h3>
- <span class="ui-li-text-sub">Subtext</span>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <h3>2line-toggle-setting</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <select name="flip-11" id="flip-11" data-role="slider">
- <option value="off"></option>
- <option value="on"></option>
- </select>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <h3>2line-btn-setting</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <h3>2line-bigicon0</h3>
- <span class="ui-li-text-sub">Subtext<img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon1</h3>
- <span class="ui-li-text-sub">Subtext</span>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon2</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon3</h3>
- <span class="ui-li-text-sub">Subtext</span>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon4</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </a>
- </li>
-
- <li class="ui-li-has-checkbox ui-li-has-multiline">
- <a href="#">
- <form><input type="checkbox" name="c2line-check1" /></form>
- <h3>2line-check</h3>
- <span class="ui-li-text-sub">Subtext</span>
- </a>
- </li>
-
- <li class="ui-li-has-checkbox ui-li-has-multiline">
- <a href="#">
- <form><input type="checkbox" name="c2line-check2" /></form>
- <h3>2line-check2</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </a>
- </li>
-
- <li class="ui-li-has-checkbox ui-li-has-multiline">
- <a href="#">
- <form><input type="checkbox" name="c2line-check3" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-check3</h3>
- <span class="ui-li-text-sub">Subtext</span>
- </a>
- </li>
-
- <li class="ui-li-has-checkbox ui-li-has-multiline">
- <a href="#">
- <form><input type="radio" /></form>
- <h3>2line-radio1</h3>
- <span class="ui-li-text-sub">Subtext</span>
- </a>
- </li>
-
- <li class="ui-li-has-checkbox ui-li-has-multiline">
- <a href="#">
- <form><input type="radio" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-radio2</h3>
- <span class="ui-li-text-sub">Subtext</span>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <span class="ui-li-color-bar"></span>
- <h3>2line-colorbar1</h3>
- <span class="ui-li-text-sub">Subtext
- <img src="00_winset_icon_favorite_on.png">
- <img src="00_winset_icon_favorite_on.png">
- <img src="00_winset_icon_favorite_on.png">
- </span>
- <div data-role="button" data-inline="true">button</div>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
- <h3>2line-colorbar2</h3>
- <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true">button</div>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <h3>2line-colorbar2</h3>
- <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call"></div>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-colorbar3</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon8</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-sub">
- </a>
- </li>
-
- <li class="ui-li-has-multiline ui-li-thumbnail-right">
- <a href="#">
- <h3>2line-thumb1</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <h3>2line-thumb2</h3>
- <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub"><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </a>
- </li>
-
- <li class="ui-li-has-multiline ui-li-thumbnail-right">
- <a href="#">
- <span class="ui-li-text-sub">Subtext</span>
- <h3>2line-sub-main-bigicon1</h3>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon-pgbar1</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="progressbar" id="progressbar"></div>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon-pgbar2</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true">button</div>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon-pgbar2</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call"></div>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon-pgbar3</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- <div data-role="progressing" data-style="pending" id="pending"></div>
- </a>
- </li>
-
- <li class="ui-li-has-checkbox ui-li-has-multiline">
- <a href="#">
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-icon-bigicon-btn</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </a>
- </li>
-
- <li class="ui-li-has-multiline">
- <a href="#">
- <h3>2line-thumb3</h3>
- <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </a>
- </li>
- </ul>
- </div>
- <div data-role="footer">
- </div>
-</div>
-
</li>
<li class="ui-li-has-multiline">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
2line-bigicon-pgbar1
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
<div data-role="progressbar" id="progressbar"></div>
</li>
<li class="ui-li-has-multiline">
<img src="thumbnail.jpg" class="ui-li-bigicon">
- 2line-bigicon-pgbar2
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true">button</div>
- </li>
-
- <li class="ui-li-has-multiline">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- 2line-bigicon-pgbar2
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call"></div>
- </li>
-
- <li class="ui-li-has-multiline">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- 2line-bigicon-pgbar3
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- <div data-role="progressing" data-style="pending" id="pending"></div>
+ Short Progress
+ <div data-role="progressbar" id="progressbar"></div>
+ <div data-role="button" data-inline="true">Stop</div>
</li>
<li class="ui-li-has-checkbox ui-li-has-multiline">
<form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
<img src="thumbnail.jpg" class="ui-li-bigicon">
- 2line-icon-bigicon-btn
+ 2line-3items
<span class="ui-li-text-sub">Subtext</span>
<div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
</li>
+++ /dev/null
-<div data-role="page" id="genlist-normal" data-add-back-btn="true" data-fit-page-to-window="true">
- <div data-role="header" data-position="fixed">
- <h1>Normal lists</h1>
- </div>
- <div class="content" data-role="content" data-scroll="y">
- <ul data-role="listview">
-
- <li>
- <h3>1line</h3>
- </li>
-
- <li>
- <h3>1line-sub</h3>
- <span class="ui-li-text-sub">subtext</span>
- </li>
-
- <li>
- <h3>1line-btn1</h3>
- <div data-role="button" data-inline="true">Text Button</div>
- </li>
-
- <li>
- <h3>1line-btn2</h3>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
-
- <li>
- <h3>1line-toggle</h3>
- <select name="flip-11" id="flip-11" data-role="slider">
- <option value="off"></option>
- <option value="on"></option>
- </select>
- </li>
-
- <li>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-bigicon1</h3>
- </li>
-
- <li>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-bigicon2</h3>
- <span class="ui-li-text-sub">Sub text</span>
- </li>
-
- <li>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-bigicon4</h3>
- <div data-role="button" data-inline="true">Text Button</div>
- </li>
-
- <li>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-bigicon5</h3>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
-
- <li>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-bigicon6</h3>
- <select name="flip-11" id="flip-11" data-role="slider">
- <option value="off"></option>
- <option value="on"></option>
- </select>
- </li>
-
- <li class="ui-li-has-checkbox">
- <input type="checkbox" name="c1line-check1" />
- <h3>1line-check1</h3>
- </li>
-
- <li class="ui-li-has-checkbox">
- <form><input type="checkbox" name="c1line-check2" /></form>
- <h3>1line-check2</h3>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
-
- <li class="ui-li-has-checkbox">
- <form><input type="checkbox" name="c1line-check3" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-check3</h3>
- </li>
-
- <li class="ui-li-has-checkbox">
- <form><input type="checkbox" name="c1line-check4" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-check4</h3>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
-
- <li class="ui-li-has-radio">
- <form><input type="radio" /></form>
- <h3>1line-radio1</h3>
- </li>
-
- <li class="ui-li-has-radio">
- <form><input type="radio" /></form>
- <h3>1line-radio3</h3>
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
-
- <li class="ui-li-has-radio">
- <form><input type="radio" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>1line-radio4</h3>
- </li>
-
- <li class="ui-li-has-radio">
- <form><input type="radio" /></form>
- <h3>1line-radio5</h3>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
- </li>
-
- <li class="ui-li-has-radio">
- <form><input type="radio" /></form>
- <h3>1line-radio</h3>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-has-multiline">
- <h3>2line</h3>
- <span class="ui-li-text-sub">Subtext</span>
- </li>
-
- <li class="ui-li-has-multiline">
- <h3>2line-2sub</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- </li>
-
- <li class="ui-li-has-multiline">
- <h3>2line-btn1</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true">button</div>
- </li>
-
- <li class="ui-li-has-multiline">
- <h3>2line-btn1</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call"></div>
- </li>
-
- <li class="ui-li-has-multiline">
- <h3>2line-btn2</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-has-multiline">
- <h3>2line-star1</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <span style="position:absolute; right:16px; top:80px"><img class= "ui-li-icon-sub-right" src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub2">Subtext2</span>
- </li>
-
- <li class="ui-li-has-multiline">
- <h3>2line-star</h3>
- <span class="ui-li-text-sub"><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png">Subtext</span>
- <span><img class="ui-li-icon-sub-right" src="00_winset_icon_favorite_on.png"></span>
- </li>
-
- <li class="ui-li-has-multiline">
- <h3>2line-setting</h3>
- <span class="ui-li-text-sub">Subtext</span>
- </li>
-
- <li class="ui-li-has-multiline">
- <h3>2line-toggle-setting</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <select name="flip-11" id="flip-11" data-role="slider">
- <option value="off"></option>
- <option value="on"></option>
- </select>
- </li>
-
- <li class="ui-li-has-multiline">
- <h3>2line-btn-setting</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-has-multiline">
- <h3>2line-bigicon0</h3>
- <span class="ui-li-text-sub">Subtext<img src="00_winset_icon_favorite_on.png"></span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-has-multiline">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon1</h3>
- <span class="ui-li-text-sub">Subtext</span>
- </li>
-
- <li class="ui-li-has-multiline">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon2</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- </li>
-
- <li class="ui-li-has-multiline">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon3</h3>
- <span class="ui-li-text-sub">Subtext</span>
- </li>
-
- <li class="ui-li-has-multiline">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon4</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-has-checkbox ui-li-has-multiline">
- <form><input type="checkbox" name="c2line-check1" /></form>
- <h3>2line-check</h3>
- <span class="ui-li-text-sub">Subtext</span>
- </li>
-
- <li class="ui-li-has-checkbox ui-li-has-multiline">
- <form><input type="checkbox" name="c2line-check2" /></form>
- <h3>2line-check2</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-has-checkbox ui-li-has-multiline">
- <form><input type="checkbox" name="c2line-check3" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-check3</h3>
- <span class="ui-li-text-sub">Subtext</span>
- </li>
-
- <li class="ui-li-has-radio ui-li-has-multiline">
- <form><input type="radio" /></form>
- <h3>2line-radio1</h3>
- <span class="ui-li-text-sub">Subtext</span>
- </li>
-
- <li class="ui-li-has-radio ui-li-has-multiline">
- <form><input type="radio" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-radio2</h3>
- <span class="ui-li-text-sub">Subtext</span>
- </li>
-
- <li class="ui-li-has-multiline">
- <span class="ui-li-color-bar"></span>
- <h3>2line-colorbar1</h3>
- <span class="ui-li-text-sub">Subtext
- <img src="00_winset_icon_favorite_on.png">
- <img src="00_winset_icon_favorite_on.png">
- <img src="00_winset_icon_favorite_on.png">
- </span>
- <div data-role="button" data-inline="true">button</div>
- </li>
-
- <li class="ui-li-has-multiline">
- <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
- <h3>2line-colorbar2</h3>
- <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true">button</div>
- </li>
-
- <li class="ui-li-has-multiline">
- <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
- <h3>2line-colorbar2</h3>
- <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call"></div>
- </li>
-
- <li class="ui-li-has-multiline">
- <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-colorbar3</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-has-multiline">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon8</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-sub">
- </li>
-
- <li class="ui-li-has-multiline ui-li-thumbnail-right">
- <h3>2line-thumb1</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-has-multiline">
- <h3>2line-thumb2</h3>
- <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub"><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-has-multiline ui-li-thumbnail-right">
- <span class="ui-li-text-sub">Subtext</span>
- <h3>2line-sub-main-bigicon1</h3>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
-
- <li class="ui-li-has-multiline">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon-pgbar1</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- <div data-role="progressbar" id="progressbar"></div>
- </li>
-
- <li class="ui-li-has-multiline">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon-pgbar2</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true">button</div>
- </li>
-
- <li class="ui-li-has-multiline">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon-pgbar2</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call"></div>
- </li>
-
- <li class="ui-li-has-multiline">
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-bigicon-pgbar3</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <span class="ui-li-text-sub2">Subtext2</span>
- <div data-role="progressing" data-style="pending" id="pending"></div>
- </li>
-
- <li class="ui-li-has-checkbox ui-li-has-multiline">
- <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- <h3>2line-icon-bigicon-btn</h3>
- <span class="ui-li-text-sub">Subtext</span>
- <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
- </li>
-
- <li class="ui-li-has-multiline">
- <h3>2line-thumb3</h3>
- <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
- <span class="ui-li-text-sub">Subtext</span>
- <img src="thumbnail.jpg" class="ui-li-bigicon">
- </li>
- </ul>
- </div>
- <div data-role="footer">
- </div>
-</div>
<li data-role="list-divider">Item styles</li>
<li><a href="list-normal_anchor.html">Normal lists add anchor</a></li>
<li><a href="list-normal_no_anchor.html">Normal lists no anchor</a></li>
- <li><a href="list-normal_anchor_h3.html">Normal lists add anchor h3</a></li>
- <li><a href="list-normal_no_anchor_h3.html">Normal lists no anchor h3</a></li>
<li data-role="list-divider">Divider style</li>
<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-radio.html">Radio Button list</a></li>
<li><a href="list-dialogue.html">Dialogue list</a></li>
<li><a href="list-dialogue-edit.html">Dialogue list ( Edit mode )</a></li>
- <li><a href="list-email.html">Email list</a></li>
<li><a href="list-swipe.html">Swipe list</a></li>
<li><a href="list-extendable.html">Extendable list</a></li>
<li><a href="list-vi.html">List vi</a></li>