widgets/list/list-normal_no_anchor.html

   1 <div data-role="page" id="genlist-normal" data-add-back-btn="true" data-fit-page-to-window="true">
   2         <div data-role="header" data-position="fixed">
   3                 <h1>Normal lists</h1>
   4         </div>
   5         <div class="content" data-role="content" data-scroll="y">
   6                 <ul data-role="listview">
   7
   8                         <li>
   9                                 1line
  10                         </li>
  11
  12                         <li>
  13                                 1line-sub
  14                                 <span class="ui-li-text-sub">subtext</span>
  15                         </li>
  16
  17                         <li>
  18                                 1line-btn1
  19                                 <div data-role="button" data-inline="true">Text Button</div>
  20                         </li>
  21
  22                         <li>
  23                                 1line-btn2
  24                                 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
  25                         </li>
  26
  27                         <li>
  28                                 1line-toggle
  29                                 <select name="flip-11" id="flip-11" data-role="slider">
  30                                         <option value="off"></option>
  31                                         <option value="on"></option>
  32                                 </select>
  33                         </li>
  34
  35                         <li>
  36                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
  37                                 1line-bigicon1
  38                         </li>
  39
  40                         <li>
  41                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
  42                                 1line-bigicon2
  43                                 <span class="ui-li-text-sub">Sub text</span>
  44                         </li>
  45
  46                         <li>
  47                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
  48                                 1line-bigicon4
  49                                 <div data-role="button" data-inline="true">Text Button</div>
  50                         </li>
  51
  52                         <li>
  53                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
  54                                 1line-bigicon5
  55                                 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
  56                         </li>
  57
  58                         <li>
  59                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
  60                                 1line-bigicon6
  61                                 <select name="flip-11" id="flip-11" data-role="slider">
  62                                         <option value="off"></option>
  63                                         <option value="on"></option>
  64                                 </select>
  65                         </li>
  66
  67                         <li class="ui-li-has-checkbox">
  68                                 <input type="checkbox" name="c1line-check1" />
  69                                 1line-check1
  70                         </li>
  71
  72                         <li class="ui-li-has-checkbox">
  73                                 <form><input type="checkbox" name="c1line-check2" /></form>
  74                                 1line-check2
  75                                 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
  76                         </li>
  77
  78                         <li class="ui-li-has-checkbox">
  79                                 <form><input type="checkbox"  name="c1line-check3" /></form>
  80                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
  81                                 1line-check3
  82                         </li>
  83
  84                         <li class="ui-li-has-checkbox">
  85                                 <form><input type="checkbox"  name="c1line-check4" /></form>
  86                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
  87                                 1line-check4
  88                                 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
  89                         </li>
  90
  91                         <li class="ui-li-has-radio">
  92                                 <form><input type="radio" /></form>
  93                                 1line-radio1
  94                         </li>
  95
  96                         <li class="ui-li-has-radio">
  97                                 <form><input type="radio" /></form>
  98                                 1line-radio3
  99                                 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
 100                         </li>
 101
 102                         <li class="ui-li-has-radio">
 103                                 <form><input type="radio" /></form>
 104                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 105                                 1line-radio4
 106                         </li>
 107
 108                         <li class="ui-li-has-radio">
 109                                 <form><input type="radio" /></form>
 110                                 1line-radio5
 111                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 112                                 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
 113                         </li>
 114
 115                         <li class="ui-li-has-radio">
 116                                 <form><input type="radio" /></form>
 117                                 1line-radio
 118                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 119                         </li>
 120
 121                         <li class="ui-li-has-multiline">
 122                                 2line
 123                                 <span class="ui-li-text-sub">Subtext</span>
 124                         </li>
 125
 126                         <li class="ui-li-has-multiline">
 127                                 2line-2sub
 128                                 <span class="ui-li-text-sub">Subtext</span>
 129                                 <span class="ui-li-text-sub2">Subtext2</span>
 130                         </li>
 131
 132                         <li class="ui-li-has-multiline">
 133                                 2line-btn1
 134                                 <span class="ui-li-text-sub">Subtext</span>
 135                                 <div data-role="button" data-inline="true">button</div>
 136                         </li>
 137
 138                         <li class="ui-li-has-multiline">
 139                                 2line-btn1
 140                                 <span class="ui-li-text-sub">Subtext</span>
 141                                 <div data-role="button" data-inline="true" data-icon="call"></div>
 142                         </li>
 143
 144                         <li class="ui-li-has-multiline">
 145                                 2line-btn2
 146                                 <span class="ui-li-text-sub">Subtext</span>
 147                                 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
 148                         </li>
 149
 150                         <li class="ui-li-has-multiline">
 151                                 2line-star1
 152                                 <span class="ui-li-text-sub">Subtext</span>
 153                                 <span style="position:absolute; right:16px; top:80px"><img class= "ui-li-icon-sub-right" src="00_winset_icon_favorite_on.png"></span>
 154                                 <span class="ui-li-text-sub2">Subtext2</span>
 155                         </li>
 156
 157                         <li class="ui-li-has-multiline">
 158                                 2line-star2
 159                                 <span class="ui-li-text-sub"><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png">Subtext</span>
 160                                 <span><img class="ui-li-icon-sub-right" src="00_winset_icon_favorite_on.png"></span>
 161                         </li>
 162
 163                         <li class="ui-li-has-multiline">
 164                                 2line-setting
 165                                 <span class="ui-li-text-sub">Subtext</span>
 166                         </li>
 167
 168                         <li class="ui-li-has-multiline">
 169                                 2line-toggle-setting
 170                                 <span class="ui-li-text-sub">Subtext</span>
 171                                 <select name="flip-11" id="flip-11" data-role="slider">
 172                                         <option value="off"></option>
 173                                         <option value="on"></option>
 174                                 </select>
 175                         </li>
 176
 177                         <li class="ui-li-has-multiline">
 178                                 2line-btn-setting
 179                                 <span class="ui-li-text-sub">Subtext</span>
 180                                 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
 181                         </li>
 182
 183                         <li class="ui-li-has-multiline">
 184                                 2line-bigicon0
 185                                 <span class="ui-li-text-sub">Subtext<img src="00_winset_icon_favorite_on.png"></span>
 186                                 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
 187                         </li>
 188
 189                         <li class="ui-li-has-multiline">
 190                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 191                                 2line-bigicon1
 192                                 <span class="ui-li-text-sub">Subtext</span>
 193                         </li>
 194
 195                         <li class="ui-li-has-multiline">
 196                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 197                                 2line-bigicon2
 198                                 <span class="ui-li-text-sub">Subtext</span>
 199                                 <span class="ui-li-text-sub2">Subtext2</span>
 200                         </li>
 201
 202                         <li class="ui-li-has-multiline">
 203                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 204                                 2line-bigicon3
 205                                 <span class="ui-li-text-sub">Subtext</span>
 206                         </li>
 207
 208                         <li class="ui-li-has-multiline">
 209                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 210                                 2line-bigicon4
 211                                 <span class="ui-li-text-sub">Subtext</span>
 212                                 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
 213                         </li>
 214
 215                         <li class="ui-li-has-checkbox ui-li-has-multiline">
 216                                 <form><input type="checkbox"  name="c2line-check1" /></form>
 217                                 2line-check
 218                                 <span class="ui-li-text-sub">Subtext</span>
 219                         </li>
 220
 221                         <li class="ui-li-has-checkbox ui-li-has-multiline">
 222                                 <form><input type="checkbox"  name="c2line-check2" /></form>
 223                                 2line-check2
 224                                 <span class="ui-li-text-sub">Subtext</span>
 225                                 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
 226                         </li>
 227
 228                         <li class="ui-li-has-checkbox ui-li-has-multiline">
 229                                 <form><input type="checkbox"  name="c2line-check3" /></form>
 230                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 231                                 2line-check3
 232                                 <span class="ui-li-text-sub">Subtext</span>
 233                         </li>
 234
 235                         <li class="ui-li-has-radio ui-li-has-multiline">
 236                                 <form><input type="radio" /></form>
 237                                 2line-radio1
 238                                 <span class="ui-li-text-sub">Subtext</span>
 239                         </li>
 240
 241                         <li class="ui-li-has-radio ui-li-has-multiline">
 242                                 <form><input type="radio" /></form>
 243                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 244                                 2line-radio2
 245                                 <span class="ui-li-text-sub">Subtext</span>
 246                         </li>
 247
 248                         <li class="ui-li-has-multiline">
 249                                 <span class="ui-li-color-bar"></span>
 250                                 2line-colorbar1
 251                                 <span class="ui-li-text-sub">Subtext
 252                                         <img src="00_winset_icon_favorite_on.png">
 253                                         <img src="00_winset_icon_favorite_on.png">
 254                                         <img src="00_winset_icon_favorite_on.png">
 255                                 </span>
 256                                 <div data-role="button" data-inline="true">button</div>
 257                         </li>
 258
 259                         <li class="ui-li-has-multiline">
 260                                 <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
 261                                 2line-colorbar2
 262                                 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
 263                                 <span class="ui-li-text-sub">Subtext</span>
 264                                 <div data-role="button" data-inline="true">button</div>
 265                         </li>
 266
 267                         <li class="ui-li-has-multiline">
 268                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
 269                                 2line-colorbar2
 270                                 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
 271                                 <span class="ui-li-text-sub">Subtext</span>
 272                                 <div data-role="button" data-inline="true" data-icon="call"></div>
 273                         </li>
 274
 275                         <li class="ui-li-has-multiline">
 276                                 <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
 277                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 278                                 2line-colorbar3
 279                                 <span class="ui-li-text-sub">Subtext</span>
 280                                 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
 281                         </li>
 282
 283                         <li class="ui-li-has-multiline">
 284                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 285                                 2line-bigicon8
 286                                 <span class="ui-li-text-sub">Subtext</span>
 287                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-sub">
 288                         </li>
 289
 290                         <li class="ui-li-has-multiline ui-li-thumbnail-right">
 291                                 2line-thumb1
 292                                 <span class="ui-li-text-sub">Subtext</span>
 293                                 <img src="large_thumbnail.jpg" class="ui-li-bigicon">
 294                         </li>
 295
 296                         <li class="ui-li-has-multiline ui-li-thumbnail-right">
 297                                 2line-thumb2
 298                                 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
 299                                 <span class="ui-li-text-sub"><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png">Subtext</span>
 300                                 <img src="large_thumbnail.jpg" class="ui-li-bigicon">
 301                         </li>
 302
 303                         <li class="ui-li-has-multiline ui-li-thumbnail-right">
 304                                 <span class="ui-li-text-sub">Subtext</span>
 305                                 2line-sub-main-bigicon1
 306                                 <img src="large_thumbnail.jpg" class="ui-li-bigicon">
 307                         </li>
 308
 309                         <li class="ui-li-has-multiline">
 310                                 2line-bigicon-pgbar1
 311                                 <div data-role="progressbar" id="progressbar"></div>
 312                         </li>
 313
 314                         <li class="ui-li-has-multiline">
 315                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 316                                 Short Progress
 317                                 <div data-role="progressbar" id="progressbar"></div>
 318                                 <div data-role="button" data-inline="true">Stop</div>
 319                         </li>
 320
 321                         <li class="ui-li-has-checkbox ui-li-has-multiline">
 322                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
 323                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 324                                 2line-3items
 325                                 <span class="ui-li-text-sub">Subtext</span>
 326                                 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
 327                         </li>
 328
 329                         <li class="ui-li-has-multiline">
 330                                 2line-thumb3
 331                                 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
 332                                 <span class="ui-li-text-sub">Subtext</span>
 333                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 334                         </li>
 335                 </ul>
 336         </div>
 337         <div data-role="footer">
 338         </div>
 339 </div>