Scale up/ down popup vi(poptop, popbottom)

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

diff --git a/demos/tizen-winsets/widgets/naviframe/naviframe_footer_more_button.html b/demos/tizen-winsets/widgets/naviframe/naviframe_footer_more_button.html
index 33e4a73..8102260 100755 (executable)
--- a/demos/tizen-winsets/widgets/naviframe/naviframe_footer_more_button.html
+++ b/demos/tizen-winsets/widgets/naviframe/naviframe_footer_more_button.html
@@ -19,18 +19,18 @@
                <p>Footer more sample</p>
        </div>
        <div data-role="footer">
-               <a href="#pop_js" data-role="button"  data-icon="naviframe-more" data-rel="popupwindow"></a>
+               <a href="#pop_js" data-role="button"  data-icon="naviframe-more" data-transition="popbottom" data-rel="popup"></a>
 
                <div data-role="button" data-inline="true" data-style="round">Button1</div>
                <div data-role="button" data-inline="true" data-style="round">Button2</div>
 
-               <div id="pop_js" data-role="popupwindow" data-show-arrow="true">
+               <div id="pop_js" data-role="popup" >
                <ul data-role="listview">
-                       <li><a href="#" class="ui-btn-ctxpopup-close">Settings</a></li>
-                       <li><a href="#" class="ui-btn-ctxpopup-close">Add to contact</a></li>
-                       <li><a href="#" class="ui-btn-ctxpopup-close">Call log</a></li>
-                       <li><a href="#" class="ui-btn-ctxpopup-close">Music</a></li>
-                       <li><a href="#" class="ui-btn-ctxpopup-close">File manager</a></li>
+                       <li><a href="#" data-rel="back">Settings</a></li>
+                       <li><a href="#" data-rel="back">Add to contact</a></li>
+                       <li><a href="#" data-rel="back">Call log</a></li>
+                       <li><a href="#" data-rel="back">Music</a></li>
+                       <li><a href="#" data-rel="back">File manager</a></li>
                </ul>
        </div>
 </div>