Author: ben
Date: 2007-09-24 11:59:55 -0700 (Mon, 24 Sep 2007)
New Revision: 6568
Modified:
openlaszlo/trunk/WEB-INF/lps/templates/html-response.xslt
Log:
Change 20070923-ben-l by [EMAIL PROTECTED] on 2007-09-23 15:15:48 PDT
in /Users/ben/src/svn/openlaszlo/trunk
for http://svn.openlaszlo.org/openlaszlo/trunk
Summary: Add iPhone-specific hints to lzt=html wrapper to make iPhone apps look
nice
New Features: apps are not zoomable or scalable with two-finger scaling on the
iPhone
Bugs Fixed:
Technical Reviewer: ptw
QA Reviewer: (pending)
Doc Reviewer: (pending)
Documentation:
As described in
http://weblog.openlaszlo.org/archives/2007/07/our-first-iphone-app/
OpenLaszlo apps can look pretty decent on the iPhone just by adding a single
line to the html wrapper.
To see it in action, check out and run...
http://svn.openlaszlo.org/labs/newsmatch/
with and without this patch applied, with lzt=html. index.html,
in that directory, has links to the apps with the correct
query args, lzr=dhtml&lzt=html.
Without this patch, the app is scaled down to too small on the iPhone,
and the user can zoom and pan. With this patch, it appears at a good
size and is not zoomable. However, it is still pannable; I'm not sure
how to stop that.
This meta tag should be ignored by all other browsers. It is
a very small download cost.
Release Notes:
This change makes it possible to get apps to look right
on the iPhone without hand-editing wrappers.
Details:
Tests:
(see above, with newsmatch-labs)
Modified: openlaszlo/trunk/WEB-INF/lps/templates/html-response.xslt
===================================================================
--- openlaszlo/trunk/WEB-INF/lps/templates/html-response.xslt 2007-09-24
18:22:06 UTC (rev 6567)
+++ openlaszlo/trunk/WEB-INF/lps/templates/html-response.xslt 2007-09-24
18:59:55 UTC (rev 6568)
@@ -60,6 +60,8 @@
<html>
<head>
<link rel="SHORTCUT ICON"
href="http://www.laszlosystems.com/favicon.ico"/>
+ <!-- this tag helps laszlo apps look good on the iPhone. It prevents
user scaling. [bshine] -->
+ <meta name="viewport" content="width=320; initial-scale=1.0;
maximum-scale=1.0; user-scalable=0;"/>
<title>
<xsl:value-of select="/canvas/@title"/>
</title>
_______________________________________________
Laszlo-checkins mailing list
[email protected]
http://www.openlaszlo.org/mailman/listinfo/laszlo-checkins
