Design Introduction “Air” Styles Mobile Design Principles Styles UX Overview Design Patterns UI Components for Tizen App Design 2.3 TV Design Principles Styles UX Overview Patterns UI Components Wearable Development Tizen Studio Overview Download Tizen Studio Deprecation Notice Tizen Extensions for Visual Studio Family IoT extension SDK Docs Blog Blog Announcing the Tizen Studio 3.7 Release Announcing the Tizen Studio 3.1 Release Community Forums General Support Tizen .NET Web Application Development Native Application Development SDK & IDE Design Introduction “Air” Styles Mobile Design Principles Styles UX Overview Design Patterns UI Components for Tizen App Design 2.3 TV Design Principles Styles UX Overview Patterns UI Components Wearable Development Tizen Studio Overview Download Tizen Studio Deprecation Notice Tizen Extensions for Visual Studio Family IoT extension SDK Docs Blog Blog Announcing the Tizen Studio 3.7 Release Announcing the Tizen Studio 3.1 Release Community Forums General Support Tizen .NET Web Application Development Native Application Development SDK & IDE
[Gear] openPopup not working?
Hi, I tried the simple example found in documentation and it doesn’t work!
Here’s the code:
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width,user-scalable=no"/> <title>Wearable UI</title> <link rel="stylesheet" href="lib/tau/themes/default/tau.min.css"> <!-- load theme file for your application --> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="ui-page ui-page-active" id="main"> <header class="ui-header"> <h2 class="ui-title">Wearable UI</h2> </header> <div class="ui-content content-padding"> <button id="button" class="ui-btn" onclick="openP();">Open</button> </div> </div> <div id="confirmPopup" class="ui-popup"> <div class="ui-popup-header">Delete</div> <div class="ui-popup-content">Delete the selected item?</div> <div class="ui-popup-footer ui-grid-col-2"> <button id="2btnPopup-cancel" class="ui-btn">Cancel</button> <button id="2btnPopup-ok" class="ui-btn">OK</button> </div> </div> </body> <script type="text/javascript" src="lib/tau/js/tau.min.js"></script> <!-- load javascript file for your application --> <script src="js/app.js"></script> <script src="js/lowBatteryCheck.js"></script> </html>and JS:
( function () { window.addEventListener( 'tizenhwkey', function( ev ) { if( ev.keyName == "back" ) { var page = document.getElementsByClassName( 'ui-page-active' )[0], pageid = page ? page.id : ""; if( pageid === "main" ) { tizen.application.getCurrentApplication().exit(); } else { window.history.back(); } } } ); } () ); function openP() { tau.openPopup("#confirmPopup"); }absolutely simple … but when I click the button nothing happens …
BY
16 Apr 2025
Tizen Studio
BY
04 Nov 2024
Tizen Studio
BY
02 Apr 2024
Tizen Studio