Button: data-corners attribute has been added

[platform/framework/web/web-ui-fw.git] / demos / tizen-winsets / widgets / button / button.html

diff --git a/demos/tizen-winsets/widgets/button/button.html b/demos/tizen-winsets/widgets/button/button.html
index dfb9cb4..9a3f0f3 100755 (executable)
--- a/demos/tizen-winsets/widgets/button/button.html
+++ b/demos/tizen-winsets/widgets/button/button.html
@@ -54,6 +54,14 @@
                        <li class="ui-li-1line-btn2">List item<div  data-role="button" data-inline="true" data-icon="star" data-style="box"></div></li>
                        <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 data-role="list-divider">custom buttons</li>
                        <li><a href="buttonNolist.html">Buttons Pages(not in list) </a></li>
                </ul>