demos/tizen-winsets/widgets/list/list-dialogue-edit.html

   1 <div data-role="page" id="genlist-dialog-edit" data-add-back-btn="true">
   2         <div data-role="header" data-position="fixed">
   3                 <h1>Dialogue lists - edit mode</h1>
   4         </div>
   5         <div class="content" data-role="content" data-scroll="y">
   6                 <ul data-role="listview">
   7                         <li data-role="list-divider" data-style="dialogue">Contact sample</li>
   8                         <li class="ui-li-dialogue ui-li-dialogue-edit">
   9                                 <div class="ui-edit-title">Name </div>
  10                                 <input placeholder="Input your name" />
  11                         </li>
  12                         <li class="ui-li-dialogue ui-li-dialogue-edit">
  13                                 <div class="ui-edit-title">Tel.</div>
  14                                 <input placeholder="Input your tel number" type="tel" />
  15                         </li>
  16                         <li class="ui-li-dialogue ui-li-dialogue-edit">
  17                                 <div class="ui-edit-title">Address </div>
  18                                 <input placeholder="Input your address" />
  19                         </li>
  20                         <li class="ui-li-dialogue ui-li-dialogue-edit">
  21                                 <div class="ui-edit-title">City </div>
  22                                 <input placeholder="Input your city" />
  23                         </li>
  24
  25
  26                         <li data-role="list-divider" data-style="dialogue">Contact sample ( Button )</li>
  27                         <li class="ui-li-dialogue ui-li-dialogue-edit">
  28                                 <div class="ui-edit-title">Name </div>
  29                                 <input placeholder="Input your name" />
  30                                 <div data-role="button" data-style="edit">Delete</div>
  31                         </li>
  32                         <li class="ui-li-dialogue ui-li-dialogue-edit">
  33                                 <div class="ui-edit-title">Tel.</div>
  34                                 <input placeholder="Input your tel number" type="tel" />
  35                                 <div data-role="button" data-style="edit">Delete</div>
  36                         </li>
  37                         <li class="ui-li-dialogue ui-li-dialogue-edit">
  38                                 <div class="ui-edit-title">Address </div>
  39                                 <input placeholder="Input your address" />
  40                                 <div data-role="button" data-style="edit">Delete</div>
  41                         </li>
  42                         <li class="ui-li-dialogue ui-li-dialogue-edit">
  43                                 <div class="ui-edit-title">City </div>
  44                                 <input placeholder="Input your city" />
  45                                 <div data-role="button" data-style="edit">Delete</div>
  46                         </li>
  47                 </ul>
  48         </div>
  49         <div data-role="footer">
  50         </div>
  51 </div>
  52