demos/tizen-gray/widgets/list/list-swipe.html

   1 <div data-role="page" id="genlist-swipe" data-add-back-btn="true" data-fit-page-to-window="true">
   2         <div data-role="header" data-position="fixed">
   3                 <h1>Swipe lists</h1>
   4         </div>
   5         <div class="content" data-role="content">
   6                 <ul data-role="listview">
   7                         <ul data-role="swipelist">
   8                                 <li class="ui-li-1line-leftsub1 ui-li-dialogue">
   9                                         <div data-role="button" data-inline="true">Twitter</div>
  10                                         <div data-role="button" data-inline="true">Twitter</div>
  11                                         <div data-role="button" data-inline="true">Facebook</div>
  12                                         <div data-role="button" data-inline="true">Facebook</div>
  13                                         <div data-role="swipelist-item-cover">
  14                                                 <div style="display: inline-block;" class="ui-li-text-sub-left">subtext</div>
  15                                                 <div style="display: inline-block;" class="ui-li-text-main-right">1line-leftsub1</div>
  16                                         </div>
  17                                 </li>
  18                                 <li class="ui-li-1line ui-li-dialogue">
  19                                         <div data-role="button" data-inline="true">Twitter</div>
  20                                         <div data-role="button" data-inline="true">Twitter</div>
  21                                         <div data-role="button" data-inline="true">Facebook</div>
  22                                         <div data-role="button" data-inline="true">Facebook</div>
  23                                         <div data-role="swipelist-item-cover">
  24                                                 <div class="ui-li-text-main">1line</div>
  25                                         </div>
  26                                 </li>
  27                                 <li class="ui-li-1line-leftsub1 ui-li-dialogue">
  28                                         <div data-role="button" data-inline="true">Twitter</div>
  29                                         <div data-role="button" data-inline="true">Twitter</div>
  30                                         <div data-role="button" data-inline="true">Facebook</div>
  31                                         <div data-role="button" data-inline="true">Facebook</div>
  32                                         <div data-role="swipelist-item-cover">
  33                                                 <div style="display: inline-block;" class="ui-li-text-sub-left">subtext</div>
  34                                                 <div style="display: inline-block;" class="ui-li-text-main-right">1line-leftsub1</div>
  35                                         </div>
  36                                 </li>
  37                                 <li class="ui-li-1line ui-li-dialogue">
  38                                         <div data-role="button" data-inline="true">Twitter</div>
  39                                         <div data-role="button" data-inline="true">Twitter</div>
  40                                         <div data-role="button" data-inline="true">Facebook</div>
  41                                         <div data-role="button" data-inline="true">Facebook</div>
  42                                         <div data-role="swipelist-item-cover">
  43                                                 <div class="ui-li-text-main">1line</div>
  44                                         </div>
  45                                 </li>
  46                                 <li class="ui-li-1line-leftsub1 ui-li-dialogue">
  47                                         <div data-role="button" data-inline="true">Twitter</div>
  48                                         <div data-role="button" data-inline="true">Twitter</div>
  49                                         <div data-role="button" data-inline="true">Facebook</div>
  50                                         <div data-role="button" data-inline="true">Facebook</div>
  51                                         <div data-role="swipelist-item-cover">
  52                                                 <div style="display: inline-block;" class="ui-li-text-sub-left">subtext</div>
  53                                                 <div style="display: inline-block;" class="ui-li-text-main-right">1line-leftsub1</div>
  54                                         </div>
  55                                 </li>
  56                                 <li class="ui-li-1line ui-li-dialogue">
  57                                         <div data-role="button" data-inline="true">Twitter</div>
  58                                         <div data-role="button" data-inline="true">Twitter</div>
  59                                         <div data-role="button" data-inline="true">Facebook</div>
  60                                         <div data-role="button" data-inline="true">Facebook</div>
  61                                         <div data-role="swipelist-item-cover">
  62                                                 <div class="ui-li-text-main">1line</div>
  63                                         </div>
  64                                 </li>
  65                                 <li class="ui-li-1line-leftsub1 ui-li-dialogue">
  66                                         <div data-role="button" data-inline="true">Twitter</div>
  67                                         <div data-role="button" data-inline="true">Twitter</div>
  68                                         <div data-role="button" data-inline="true">Facebook</div>
  69                                         <div data-role="button" data-inline="true">Facebook</div>
  70                                         <div data-role="swipelist-item-cover">
  71                                                 <div style="display: inline-block;" class="ui-li-text-sub-left">subtext</div>
  72                                                 <div style="display: inline-block;" class="ui-li-text-main-right">1line-leftsub1</div>
  73                                         </div>
  74                                 </li>
  75                                 <li class="ui-li-1line ui-li-dialogue">
  76                                         <div data-role="button" data-inline="true">Twitter</div>
  77                                         <div data-role="button" data-inline="true">Twitter</div>
  78                                         <div data-role="button" data-inline="true">Facebook</div>
  79                                         <div data-role="button" data-inline="true">Facebook</div>
  80                                         <div data-role="swipelist-item-cover">
  81                                                 <div class="ui-li-text-main">1line</div>
  82                                         </div>
  83                                 </li>
  84                                 <li class="ui-li-1line-leftsub1 ui-li-dialogue">
  85                                         <div data-role="button" data-inline="true">Twitter</div>
  86                                         <div data-role="button" data-inline="true">Twitter</div>
  87                                         <div data-role="button" data-inline="true">Facebook</div>
  88                                         <div data-role="button" data-inline="true">Facebook</div>
  89                                         <div data-role="swipelist-item-cover">
  90                                                 <div style="display: inline-block;" class="ui-li-text-sub-left">subtext</div>
  91                                                 <div style="display: inline-block;" class="ui-li-text-main-right">1line-leftsub1</div>
  92                                         </div>
  93                                 </li>
  94                                 <li class="ui-li-1line ui-li-dialogue">
  95                                         <div data-role="button" data-inline="true">Twitter</div>
  96                                         <div data-role="button" data-inline="true">Twitter</div>
  97                                         <div data-role="button" data-inline="true">Facebook</div>
  98                                         <div data-role="button" data-inline="true">Facebook</div>
  99                                         <div data-role="swipelist-item-cover">
 100                                                 <div class="ui-li-text-main">1line</div>
 101                                         </div>
 102                                 </li>
 103                         </ul>
 104                 </ul>
 105         </div>
 106 </div>
 107