Languages

Menu
Sites
Language
Popup Doesn't Appear Second Time Around
I'm working on displaying a popup with a list. Here is the code I am using. Select a Category It works fine when I first navigate to the page, but if I press the back button and go back to the page, the popup doesn't show. Any ideas? TIA!
List

Responses

4 Replies
konduri sai swathi
Hi , Try the code below , i have modified your code a little and it worked when i go back to the back . 
<a href="#select_category_menu" id="select_category_btn"
				data-role="button" data-inline="false" data-rel="popup"
				data-icon="bm-category">Select a
				Category</a>
			<!-- Category Menu -->
			<div id="select_category_menu" data-role="popup"
				class="center_liststyle_1btn" data-position-to="window">
				<ul data-role="listview">
					<li><a href="#" data-rel="back" onclick="selectedInterval(0)">Credit
							Card</a></li>
					<li><a href="#" data-rel="back" onclick="selectedInterval(1)">Loans</a></li>
					<li><a href="#" data-rel="back" onclick="selectedInterval(2)">Utilities</a></li>
					<li><a href="#" data-rel="back" onclick="selectedInterval(3)">Other</a></li>
				</ul>
			</div>
Place data-position-to="window" in the popup div .
Alex Dem
Hi, First 'code sample' should works on Tizen 2.2 beta - I have tried. But It is unclear how 'popup' is inserted into html markup. And how 'back' button is processed. Is your Web App based on 'jquery-mobile' or on 'Tizen UI framework' ? Is this single-page or multi-page Application? Where is 'popup' placed in html inside or outside of '< div data-role="content" >', or on separate page?
Johnny Moralez
Hello Alex, The project I am working is a Tizen Web UI Framework - Navigation Application. I am navigating between pages which seems to cause me to run into this problem. I have the button with a link set to open the popup in the content div. The popup menu exists in the same div directly under where I setup the button.
Alex Dem
Hello Johnny, I have created Tizen Web UI Framework - Navigation Application. I have tried to insert 'popup' from first sample: 1) in index.html inside of < div data-role="content" > 2) in section1.html inside of < div data-role="content" > No problems were observed after transition between pages on device with 2.2.0 beta firmware. Alexey.