demos/tizen-winsets/widgets/list/list-email.html

   1 <div data-role="page" id="genlist-email" data-add-back-btn="true" data-fit-page-to-window="true">
   2         <div data-role="header" data-position="fixed">
   3                 <h1>Email lists</h1>
   4         </div>
   5         <div class="content" data-role="content" data-scroll="y">
   6                 <ul data-role="listview">
   7                         <li class="ui-li-email-name1-btn">
   8                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
   9                                 <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
  10                                 <span class="ui-li-text-main">email-name1-btn</span>
  11                                 <div data-role="button" data-inline="true">3 ></div>
  12                                 <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
  13                                 <span class="ui-li-text-sub1">Subtext 01</span>
  14                                 <span class="ui-li-text-sub2">Subtext 02</span>
  15                                 <span class="ui-li-text-sub3">Subtext 03</span>
  16                         </li>
  17                         <li class="ui-li-email-name2-btn">
  18                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
  19                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
  20                                 <span class="ui-li-text-main">email-name2-btn</span>
  21                                 <div data-role="button" data-inline="true">3 ></div>
  22                                 <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
  23                                 <span class="ui-li-text-sub1">Subtext 01</span>
  24                                 <span class="ui-li-text-sub2">Subtext 02</span>
  25                                 <span class="ui-li-text-sub3">Subtext 03</span>
  26                         </li>
  27                         <li class="ui-li-email-name1">
  28                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
  29                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
  30                                 <span class="ui-li-text-main">email-name1</span>
  31                                 <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
  32                                 <span class="ui-li-text-sub1">Subtext 01</span>
  33                                 <span class="ui-li-text-sub2">Subtext 02</span>
  34                                 <span class="ui-li-text-sub3">Subtext 03</span>
  35                         </li>
  36                         <li class="ui-li-email-name2">
  37                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
  38                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
  39                                 <span class="ui-li-text-main">email-name2</span>
  40                                 <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
  41                                 <span class="ui-li-text-sub1">Subtext 01</span>
  42                                 <span class="ui-li-text-sub2">Subtext 02</span>
  43                                 <span class="ui-li-text-sub3">Subtext 03</span>
  44                         </li>
  45                         <li class="ui-li-email-name1-btn-warning">
  46                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
  47                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
  48                                 <span class="ui-li-text-main">email-name1-btn-warning</span>
  49                                 <div data-role="button" data-inline="true">3 ></div>
  50                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
  51                                 <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
  52                                 <span class="ui-li-text-sub1">Subtext 01</span>
  53                                 <span class="ui-li-text-sub2">Subtext 02</span>
  54                                 <span class="ui-li-text-sub3">Subtext 03</span>
  55                         </li>
  56                         <li class="ui-li-email-name2-btn-warning">
  57                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
  58                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
  59                                 <span class="ui-li-text-main">email-name2-btn-warning</span>
  60                                 <div data-role="button" data-inline="true">3 ></div>
  61                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
  62                                 <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
  63                                 <span class="ui-li-text-sub1">Subtext 01</span>
  64                                 <span class="ui-li-text-sub2">Subtext 02</span>
  65                                 <span class="ui-li-text-sub3">Subtext 03</span>
  66                         </li>
  67                         <li class="ui-li-email-name1-warning">
  68                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
  69                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
  70                                 <span class="ui-li-text-main">email-name1-warning</span>
  71                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
  72                                 <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
  73                                 <span class="ui-li-text-sub1">Subtext 01</span>
  74                                 <span class="ui-li-text-sub2">Subtext 02</span>
  75                                 <span class="ui-li-text-sub3">Subtext 03</span>
  76                         </li>
  77                         <li class="ui-li-email-name2-warning">
  78                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
  79                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
  80                                 <span class="ui-li-text-main">email-name2-warning</span>
  81                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
  82                                 <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
  83                                 <span class="ui-li-text-sub1">Subtext 01</span>
  84                                 <span class="ui-li-text-sub2">Subtext 02</span>
  85                                 <span class="ui-li-text-sub3">Subtext 03</span>
  86                         </li>
  87                         <li class="ui-li-email-name1-btn-attach">
  88                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
  89                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
  90                                 <span class="ui-li-text-main">email-name1-btn-attach</span>
  91                                 <div data-role="button" data-inline="true">3 ></div>
  92                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
  93                                 <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
  94                                 <span class="ui-li-text-sub1">Subtext 01</span>
  95                                 <span class="ui-li-text-sub2">Subtext 02</span>
  96                                 <span class="ui-li-text-sub3">Subtext 03</span>
  97                         </li>
  98                         <li class="ui-li-email-name2-btn-attach">
  99                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
 100                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
 101                                 <span class="ui-li-text-main">email-name2-btn-attach</span>
 102                                 <div data-role="button" data-inline="true">3 ></div>
 103                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
 104                                 <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
 105                                 <span class="ui-li-text-sub1">Subtext 01</span>
 106                                 <span class="ui-li-text-sub2">Subtext 02</span>
 107                                 <span class="ui-li-text-sub3">Subtext 03</span>
 108                         </li>
 109                         <li class="ui-li-email-name1-attach">
 110                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
 111                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
 112                                 <span class="ui-li-text-main">email-name1-attach</span>
 113                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
 114                                 <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
 115                                 <span class="ui-li-text-sub1">Subtext 01</span>
 116                                 <span class="ui-li-text-sub2">Subtext 02</span>
 117                                 <span class="ui-li-text-sub3">Subtext 03</span>
 118                         </li>
 119                         <li class="ui-li-email-name2-attach">
 120                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
 121                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
 122                                 <span class="ui-li-text-main">email-name2-attach</span>
 123                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
 124                                 <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
 125                                 <span class="ui-li-text-sub1">Subtext 01</span>
 126                                 <span class="ui-li-text-sub2">Subtext 02</span>
 127                                 <span class="ui-li-text-sub3">Subtext 03</span>
 128                         </li>
 129                         <li class="ui-li-email-name1-btn-warning-attach">
 130                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
 131                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
 132                                 <span class="ui-li-text-main">email-name1-btn-warning-attach</span>
 133                                 <div data-role="button" data-inline="true">3 ></div>
 134                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
 135                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
 136                                 <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
 137                                 <span class="ui-li-text-sub1">Subtext 01</span>
 138                                 <span class="ui-li-text-sub2">Subtext 02</span>
 139                                 <span class="ui-li-text-sub3">Subtext 03</span>
 140                         </li>
 141                         <li class="ui-li-email-name2-btn-warning-attach">
 142                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
 143                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
 144                                 <span class="ui-li-text-main">email-name2-btn-warning-attach</span>
 145                                 <div data-role="button" data-inline="true">3 ></div>
 146                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
 147                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
 148                                 <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
 149                                 <span class="ui-li-text-sub1">Subtext 01</span>
 150                                 <span class="ui-li-text-sub2">Subtext 02</span>
 151                                 <span class="ui-li-text-sub3">Subtext 03</span>
 152                         </li>
 153                         <li class="ui-li-email-name1-warning-attach">
 154                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
 155                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
 156                                 <span class="ui-li-text-main">email-name1-warning-attach</span>
 157                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
 158                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
 159                                 <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
 160                                 <span class="ui-li-text-sub1">Subtext 01</span>
 161                                 <span class="ui-li-text-sub2">Subtext 02</span>
 162                                 <span class="ui-li-text-sub3">Subtext 03</span>
 163                         </li>
 164                         <li class="ui-li-email-name2-warning-attach">
 165                                 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
 166                                 <form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
 167                                 <span class="ui-li-text-main">email-name2-warning-attach</span>
 168                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-attach">
 169                                 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-warning">
 170                                 <form><input type="checkbox" name="checkbox-1" id="checkbox-1" class="favorite" /></form>
 171                                 <span class="ui-li-text-sub1">Subtext 01</span>
 172                                 <span class="ui-li-text-sub2">Subtext 02</span>
 173                                 <span class="ui-li-text-sub3">Subtext 03</span>
 174                         </li>
 175
 176                 </ul>
 177         </div>
 178 </div>
 179