Languages

Menu
Sites
Language
How to create dialog popup base on Tizen Web UI Framework

Hi, 
I want to popup dialog when I create web application project base on Tizen Web UI Framework.
When I create web application base on jQuery Mobile and dialog popup success. So how to do it base on Tizen Web UI Framewor

<a href="#pagepopup" data-rel="dialog" data-transition="pop">Dialog</a>

<div data-role="page" id="pagepopup">
    <div data-role="header" data-position="fixed">
        <h3>Dialog show </h3>
    </div><!-- /header -->          
</div><!-- /page -->

 

List

Responses

4 Replies
pius lee

Refer this.

https://developer.tizen.org/dev-guide/2.3.0/org.tizen.web.apireference/html/ui_fw_api/mobile/ns_widget_mobile_Popup.htm

You can make popup easily.

To manually create a button component, use the component constructor from the tau namespace (RECOMMENDED):

<div id="popup">
   <p>This is a completely basic popup, no options set.</p>
</div>
<script>
   var popupElement = document.getElementById("popup"),
       popup = tau.widget.Popup(popupElement);
   popup.open();
</script>

If the jQuery library is loaded, you can use its method (support for backward compatibility):

<div id="popup">
   <p>This is a completely basic popup, no options set.</p>
</div>
<script>
   var popup = $("#popup").popup();
   popup.popup("open");
</script>
Alex Dem

Hi,
fyi: There is:Tizen Web Project->Samples->TizenWinset  example in IDE where many samples of popups.
Alexey.

Vikram

Hi,

Thank you very much for your help. In TizenWinset sample I found some popup example. So many kinds of style for popup. I noticed if write some pages in one index.html. For one page in the popup dialog to ensure that it is written in this page div block.

Palitsyna

Hello,

you can also find many examples and information about popup in IDE Help: Open your IDE -> Help -> Help Content -> type popup in search bar.