The Web UI framework is called Tizen Advanced UI (TAU) framework. It provides tools, such as UI components, events, effects, and animations, for Web application development. You can leverage these tools by just selecting the required screen elements and creating the applications.
Note |
---|
Tizen Advanced UI framework(TAU) is optional, but recommended for making web applications for Tizen. |
TAU is the new name of tizen-web-ui-fw. |
Note (important!) |
---|
Since 2.3, tizen-web-ui-fw has been deprecated (include tizen-web-ui-fw.js, tizen-web-ui-fw-libs.js, tizen-web-ui-fw.css). Since 2.4, tizen-web-ui-fw will be fully deleted and we will not support old version anymore. |
Since tizen-web-ui-fw has changed to TAU, we need to modify code in index.html
if application is using old tizen-web-ui-fw library.
<html> <head> <script src="tizen-web-ui-fw/latest/js/jquery.min.js"></script> <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script> <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js" data-framework-theme="tizen-black" data-framework-viewport-width="device-width"> </head> <body> <!-- HTML body content --> </body> </html>after (SINCE 2.3):
<html> <head> <script type="text/javascript" src="../lib/tau/mobile/js/tau.js"></script> <link rel="stylesheet" href="../lib/tau/mobile/theme/default/tau.css"> <link rel="stylesheet" href="css/custom.css"> </head> <body> <!-- HTML body content --> </body> </html>
If you want to get some more guide, please refer this page(guide for Web UI Framework).
The Web UI Framework service is based on a template and works on a Web browser, which runs on the WebKit engine. You can code Web applications using the Web UI Framework, standard HTML5, and Tizen device APIs. You can also use different UI components with CSS animations and rendering optimized for Tizen Web browsers.
The Web UI Framework in mobile Web applications consists of the followings:
Using h/w back key, user can show previous page or exit application through device api.
A Web application using Web UI Framework has a basic page structure. Smooth navigation between Web UI Framework-based application pages is provided with a navigation JavaScript library.
The Tizen mobile Web UI Framework supports APIs and CSS themes for Tizen mobile Web UI components.
Some useful special utilities that support easy DOM methods for the Web applications are available with Tizen mobile Web UI Framework.
Note |
---|
The Web UI Framework runs only on browsers supporting the HTML5 and CSS standards. The draft version of the W3C specification is not fully supported. |