button : change from long text list to multiline list

Change-Id: I85be835019d07486697e6f11b67cd2ff2c8427f6

diff --git a/demos/tizen-winsets/widgets/button/button.html b/demos/tizen-winsets/widgets/button/button.html
index 0154e37..c46f89b 100755 (executable)
--- a/demos/tizen-winsets/widgets/button/button.html
+++ b/demos/tizen-winsets/widgets/button/button.html
@@ -56,13 +56,41 @@
                        <li class="ui-li-1line-btn2">List item<div  data-role="button" data-inline="true" data-icon="scrolltop" data-style="box"></div></li>
                        <li class="ui-li-1line-btn2">List item<div  data-role="button" data-inline="true" data-icon="scrollleft" data-style="box"></div></li>
                        <li data-role="list-divider">Round Button Test</li>
-                       <li class="ui-li-1line-btn2">Data Corners - false, style - circle<div data-role="button" data-inline="true" data-icon="minus" data-corners="false" data-style="circle"></div></li>
-                       <li class="ui-li-1line-btn2">Data Corners - true, style - round<div data-role="button" data-inline="true" data-icon="minus" data-corners="false" data-style="round"></div></li>
-                       <li class="ui-li-1line-btn2">Data Corners - false, style - box<div data-role="button" data-inline="true" data-icon="minus" data-corners="false" data-style="box"></div></li>
-                       <li class="ui-li-1line-btn2">Data Corners - true, style - box<div data-role="button" data-inline="true" data-icon="minus" data-corners="true" data-style="box"></div></li>
-                       <li class="ui-li-1line-btn1">Data Corners - false, style - round<div data-role="button" data-inline="true" data-icon="call" data-corners="false" data-style="round" data-iconpos="right">Icon Text</div></li>
-                       <li class="ui-li-1line-btn1">Data Corners - true, style - box<div data-role="button" data-inline="true" data-icon="call" data-corners="true" data-style="box" data-iconpos="right">Icon Text</div></li>
-                       <li class="ui-li-1line-btn1">Data Corners - false, style - box<div data-role="button" data-inline="true" data-icon="call" data-corners="false" data-style="box" data-iconpos="right">Icon Text</div></li>
+                       <li class="ui-li-has-multiline">
+                               Data Corners
+                               <span class="ui-li-text-sub">false, style - circle</span>
+                               <div data-role="button" data-inline="true" data-icon="minus" data-corners="false" data-style="circle"></div>
+                       </li>
+                       <li class="ui-li-has-multiline">
+                               Data Corners
+                               <span class="ui-li-text-sub">true, style - round</span>
+                               <div data-role="button" data-inline="true" data-icon="minus" data-corners="false" data-style="round"></div>
+                       </li>
+                       <li class="ui-li-has-multiline">
+                               Data Corners
+                               <span class="ui-li-text-sub">false, style - box</span>
+                               <div data-role="button" data-inline="true" data-icon="minus" data-corners="false" data-style="box"></div>
+                       </li>
+                       <li class="ui-li-has-multiline">
+                               Data Corners
+                               <span class="ui-li-text-sub">true, style - box</span>
+                               <div data-role="button" data-inline="true" data-icon="minus" data-corners="true" data-style="box"></div>
+                       </li>
+                       <li class="ui-li-has-multiline">
+                               Data Corners
+                               <span class="ui-li-text-sub">false, style - round</span>
+                               <div data-role="button" data-inline="true" data-icon="call" data-corners="false" data-style="round" data-iconpos="right">Icon Text</div>
+                       </li>
+                       <li class="ui-li-has-multiline">
+                               Data Corners
+                               <span class="ui-li-text-sub">true, style - box</span>
+                               <div data-role="button" data-inline="true" data-icon="call" data-corners="true" data-style="box" data-iconpos="right">Icon Text</div>
+                       </li>
+                       <li class="ui-li-has-multiline">
+                               Data Corners
+                               <span class="ui-li-text-sub">false, style - box</span>
+                               <div data-role="button" data-inline="true" data-icon="call" data-corners="false" data-style="box" data-iconpos="right">Icon Text</div>
+                       </li>
                        <li data-role="list-divider">custom buttons</li>
                        <li><a href="buttonNolist.html">Buttons Pages(not in list) </a></li>
                </ul>