Languages

Menu
Sites
Language
Difference of TIZEN-jQueryMobile pages on WebSimulator and Emulator

Hello, everybody.

I want to make the simple app usnig TIZEN-jQueryMobile framework templates (jQM 1.1.0). To do so I create a web application from TIZEN jQueryMobile,

but they displays differently on WebSimulator and Emulator - font-size of page header , page content, rendering differently text-length, wrapping..

I inspected the reasons, I found that jQueryMobile have the hard-code for setting the font-size of page-header, ,,..

Is there any way to make them display same on WebSimulator and Emulator ?

Who can make a default TIZEN-jQueryMobile framework template project display same on WebSimulator and Emulator ?

If there need a lot of chores, I wonder anyone can not use TIZEN-jQueryMobile template.

 

Please help me.

Edited by: Brock Boland on 17 Mar, 2014 Reason: Paragraph tags added automatically from tizen_format_fix module.
List

Responses

2 Replies
Raghavendra Reddy Shiva
Hi Adal San, A JIRA has been raised for this issue. Please track the below JIRA for clarification. https://bugs.tizen.org/jira/browse/TSDK-87 Thanks
Adal San
Thanks, Raghavendra. I found a way to resolve - place the below codes in index.html in main.js $(document).ready handler = function() { var viewport_meta = document.getElementById('viewport_meta'); var w = 720; var h = 1024; viewport_meta.setAttribute('content', 'width=' + w + ', height=' + h + ',user-scalable=no'); } therefore, pages are fitted to the screen on websimulator and emulator, but still they display differently. I inspected. I knew that TIZEN web ui kit framework is based on rem and percentage units for layouts, but found that jQueryMobile templated project is based on pixel unit. So we have to work layout of that in 720 x 1280 websimulator and emulator, I think it could be difficult to support multi-screen-resolutions. one more thing - after I did as above, content and footer of a jQM page behaves strangely, and looks bad something... ;( ;( --------------- so I come back to TIZEN web-ui-framework templated project. important one more thing - in TIZEN web-ui-framework templated project, it's very difficult to display popupwindow, it never pop up window in JAVASCRIPT $(selector).popup(), only I can see some error logs in console window , so I tricked and detoured like this -
......... $("#popuplink").click() ; This seems A-class bug, if not using "a link", it never pops up window in JAVASCRIPT :( Thanks.