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

   1 <div data-role="page" id="genlist-radio" data-add-back-btn="true" data-fit-page-to-window="true">
   2         <div data-role="header" data-position="fixed">
   3                 <h1>Radio Button lists</h1>
   4         </div>
   5         <form>
   6         <div class="content" data-role="content" data-scroll="y">
   7                 <ul data-role="listview">
   8                         <li class="ui-li-1line-radio1">
   9                                 <span class="ui-li-text-main">Radio Item 1</span>
  10                                 <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked"/>
  11                         </li>
  12                         <li class="ui-li-1line-radio1">
  13                                 <span class="ui-li-text-main">Radio Item 2</span>
  14                                 <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"/>
  15                         </li>
  16                         <li class="ui-li-1line-radio1">
  17                                 <span class="ui-li-text-main">Radio Item 3</span>
  18                                 <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"/>
  19                         </li>
  20                         <li class="ui-li-1line-radio3">
  21                                 <span class="ui-li-text-main">Radio Item 4</span>
  22                                 <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"/>
  23                                 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
  24                         </li>
  25                         <li class="ui-li-1line-radio4">
  26                                 <span class="ui-li-text-main">Radio Item 5</span>
  27                                 <input type="radio" name="radio-choice-1" id="radio-choice-5" value="choice-5"/>
  28                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
  29                         </li>
  30                         <li class="ui-li-1line-radio1">
  31                                 <span class="ui-li-text-main">Radio Item 6</span>
  32                                 <input type="radio" name="radio-choice-1" id="radio-choice-6" value="choice-6"/>
  33                         </li>
  34                         <li class="ui-li-1line-radio1">
  35                                 <span class="ui-li-text-main">Radio Item 7</span>
  36                                 <input type="radio" name="radio-choice-1" id="radio-choice-7" value="choice-7"/>
  37                         </li>
  38                         <li class="ui-li-1line-radio1">
  39                                 <span class="ui-li-text-main">Radio Item 8</span>
  40                                 <input type="radio" name="radio-choice-1" id="radio-choice-8" value="choice-8"/>
  41                         </li>
  42                         <li class="ui-li-1line-radio3">
  43                                 <span class="ui-li-text-main">Radio Item 9</span>
  44                                 <input type="radio" name="radio-choice-1" id="radio-choice-9" value="choice-9"/>
  45                                 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
  46                         </li>
  47                         <li class="ui-li-1line-radio4">
  48                                 <span class="ui-li-text-main">Radio Item 10</span>
  49                                 <input type="radio" name="radio-choice-1" id="radio-choice-10" value="choice-10"/>
  50                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
  51                         </li>
  52                 </ul>
  53         </div>
  54         </form>
  55 </div>
  56