Making Web Application using Tizen Web UI Framework

More documents

Recommendations

Info

Scaling REM Scaling • Adjust base font-size • All widgets are scaled in proportion to the font size – with „rem‟ unit instead of „px‟ for fixed length Original page : 720px width Screen width font-size (px) Original 720px 23 tizen.org 480px 360px 36 24 18 Button width 2.78 rem 2.78 rem 2.78 rem Button width (Calculated value) Viewport scale 100px 67px 50px 1.0
Supported Winset List (1/2) Name Origin Description Checkbox JQM Normal checkbox Radio Button JQM Radio buttons Button JQM Basic buttons Searchbar JQM Input form for text search Segment Control JQM Set of buttons appearing as a single button Selection Info JQM Day of the week selector Slider JQM Set values as drag the handle Progressbar jQuery <strong>UI</strong> Bar showing progress Lists JQM List of items Extendable List New List that can be extended Swipe List New List item that can be swiped out Virtual List New List with dynamic data management Virtual Grid New Grid with dynamic data management Toggle Switch New Simple two-state switch 24 tizen.org
Page 1 and 2: Making Web Application using Tizen
Page 3 and 4: Overview Tizen Web applications usi
Page 5 and 6: Tizen Web UI Framework submodules T
Page 7 and 8: Web UI Framework Launching Flow (2/
Page 9 and 10: Making Web Application Tool - IDE 1
Page 11 and 12: Making Web Application Application
Page 13 and 14: Making Web Application Basic Conten
Page 15 and 16: Making Web Application Consider ord
Page 17 and 18: Making Web Application Support Syst
Page 19 and 20: Appendix
Page 21: Scaling Viewport Scaling 720px widt

Making Web Application using Tizen Web UI Framework

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?