demos/tizen-winsets/widgets/list/list-normal_no_anchor_h3.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                                 <h3>1line</h3>
  10                         </li>
  11
  12                         <li>
  13                                 <h3>1line-sub</h3>
  14                                 <span class="ui-li-text-sub">subtext</span>
  15                         </li>
  16
  17                         <li>
  18                                 <h3>1line-btn1</h3>
  19                                 <div data-role="button" data-inline="true">Text Button</div>
  20                         </li>
  21
  22                         <li>
  23                                 <h3>1line-btn2</h3>
  24                                 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
  25                         </li>
  26
  27                         <li>
  28                                 <h3>1line-toggle</h3>
  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                                 <h3>1line-bigicon1</h3>
  38                         </li>
  39
  40                         <li>
  41                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
  42                                 <h3>1line-bigicon2</h3>
  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                                 <h3>1line-bigicon4</h3>
  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                                 <h3>1line-bigicon5</h3>
  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                                 <h3>1line-bigicon6</h3>
  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                                 <h3>1line-check1</h3>
  70                         </li>
  71
  72                         <li class="ui-li-has-checkbox">
  73                                 <form><input type="checkbox" name="c1line-check2" /></form>
  74                                 <h3>1line-check2</h3>
  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                                 <h3>1line-check3</h3>
  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                                 <h3>1line-check4</h3>
  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                                 <h3>1line-radio1</h3>
  94                         </li>
  95
  96                         <li class="ui-li-has-radio">
  97                                 <form><input type="radio" /></form>
  98                                 <h3>1line-radio3</h3>
  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                                 <h3>1line-radio4</h3>
 106                         </li>
 107
 108                         <li class="ui-li-has-radio">
 109                                 <form><input type="radio" /></form>
 110                                 <h3>1line-radio5</h3>
 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                                 <h3>1line-radio</h3>
 118                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 119                         </li>
 120
 121                         <li class="ui-li-has-multiline">
 122                                 <h3>2line</h3>
 123                                 <span class="ui-li-text-sub">Subtext</span>
 124                         </li>
 125
 126                         <li class="ui-li-has-multiline">
 127                                 <h3>2line-2sub</h3>
 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                                 <h3>2line-btn1</h3>
 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                                 <h3>2line-btn1</h3>
 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                                 <h3>2line-btn2</h3>
 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                                 <h3>2line-star1</h3>
 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                                 <h3>2line-star</h3>
 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                                 <h3>2line-setting</h3>
 165                                 <span class="ui-li-text-sub">Subtext</span>
 166                         </li>
 167
 168                         <li class="ui-li-has-multiline">
 169                                 <h3>2line-toggle-setting</h3>
 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                                 <h3>2line-btn-setting</h3>
 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                                 <h3>2line-bigicon0</h3>
 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                                 <h3>2line-bigicon1</h3>
 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                                 <h3>2line-bigicon2</h3>
 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                                 <h3>2line-bigicon3</h3>
 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                                 <h3>2line-bigicon4</h3>
 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                                 <h3>2line-check</h3>
 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                                 <h3>2line-check2</h3>
 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                                 <h3>2line-check3</h3>
 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                                 <h3>2line-radio1</h3>
 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                                 <h3>2line-radio2</h3>
 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                                 <h3>2line-colorbar1</h3>
 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                                 <h3>2line-colorbar2</h3>
 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                                 <h3>2line-colorbar2</h3>
 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                                 <h3>2line-colorbar3</h3>
 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                                 <h3>2line-bigicon8</h3>
 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                                 <h3>2line-thumb1</h3>
 292                                 <span class="ui-li-text-sub">Subtext</span>
 293                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 294                         </li>
 295
 296                         <li class="ui-li-has-multiline">
 297                                 <h3>2line-thumb2</h3>
 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="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                                 <h3>2line-sub-main-bigicon1</h3>
 306                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 307                         </li>
 308
 309                         <li class="ui-li-has-multiline">
 310                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 311                                 <h3>2line-bigicon-pgbar1</h3>
 312                                 <span class="ui-li-text-sub">Subtext</span>
 313                                 <span class="ui-li-text-sub2">Subtext2</span>
 314                                 <div data-role="progressbar" id="progressbar"></div>
 315                         </li>
 316
 317                         <li class="ui-li-has-multiline">
 318                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 319                                 <h3>2line-bigicon-pgbar2</h3>
 320                                 <span class="ui-li-text-sub">Subtext</span>
 321                                 <div data-role="button" data-inline="true">button</div>
 322                         </li>
 323
 324                         <li class="ui-li-has-multiline">
 325                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 326                                 <h3>2line-bigicon-pgbar2</h3>
 327                                 <span class="ui-li-text-sub">Subtext</span>
 328                                 <div data-role="button" data-inline="true" data-icon="call"></div>
 329                         </li>
 330
 331                         <li class="ui-li-has-multiline">
 332                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 333                                 <h3>2line-bigicon-pgbar3</h3>
 334                                 <span class="ui-li-text-sub">Subtext</span>
 335                                 <span class="ui-li-text-sub2">Subtext2</span>
 336                                 <div data-role="progressing" data-style="pending" id="pending"></div>
 337                         </li>
 338
 339                         <li class="ui-li-has-checkbox ui-li-has-multiline">
 340                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
 341                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 342                                 <h3>2line-icon-bigicon-btn</h3>
 343                                 <span class="ui-li-text-sub">Subtext</span>
 344                                 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
 345                         </li>
 346
 347                         <li class="ui-li-has-multiline">
 348                                 <h3>2line-thumb3</h3>
 349                                 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
 350                                 <span class="ui-li-text-sub">Subtext</span>
 351                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
 352                         </li>
 353                 </ul>
 354         </div>
 355 </div>