Languages

Menu
Sites
Language
Pop-up in tizen web project

I'm trying to implement pop-up feature in tizen web project. Here is the code. This is a link, when we click on the link, a pop-up should open.

            <a href="#div" data-rel="back">
                About Us!
            </a>
            <div id="popup" data-role="popup" class="center_title_1btn">
                <div class="ui-popup-title">
                    <h1>About Us!</h1>
                </div>
                <div class="ui-popup-text">Lorem ipsum dolor sit amet, 
                consectetuer adipiscing elit. Aenean commodo ligula eget dolor. 
                Aenean massa. Cum sociis natoque penatibus et magnis dis 
                parturient montes, nascetur ridiculus mus. Donec quam felis, 
                ultricies nec, pellentesque eu, pretium quis, sem. Nulla 
                consequat massa quis enim. Donec pede justo, fringilla vel, 
                aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
                imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede
                mollis pretium.</div>
                <div class="ui-popup-button-bg">
                    <a data-role="button" data-rel="back" data-inline="true">Button</a>
                </div>
            </div>

But pop-up isn't opening. How can I rectify it?

Edited by: Kulkarni on 30 Nov, 2014
List

Responses

2 Replies
Marco Buettner

You anchor isn't correct

try

<a href="#popup">About us</a>

 

AVSukhov

Hello,

You may find popup example in documentation:

Tizen Mobile Web App Programming > API References > UI Framework Reference > Widget Reference > Popup