Popup: Apply tizen style popup and attribute support

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

diff --git a/demos/tizen-winsets/widgets/ctxpopup.html b/demos/tizen-winsets/widgets/ctxpopup.html
index 6e784e4..894f744 100755 (executable)
--- a/demos/tizen-winsets/widgets/ctxpopup.html
+++ b/demos/tizen-winsets/widgets/ctxpopup.html
@@ -86,6 +86,9 @@
                </li>
        </ul>
 </div>
+<span id="codeSample">
+Code Sample
+</span>
 <br>
 <br>
 
@@ -135,6 +138,10 @@
 <br>
 <br>
 </div>
+<a href="#positionOrigin" data-role="button" data-inline="true" data-rel="popup" data-position-to="#codeSample">Position to origin</a>
+<div data-role="popup" id="positionOrigin" class="ui-content" data-theme="d">
+       <p style="color:white">I am positioned over the origin.</p>
+</div>
 </div> <!-- /content -->
 
 <div data-role="footer">