Orientation fix for iPhone/iPad

diff --git a/cloudcms/static/cloudcms/js/common.js b/cloudcms/static/cloudcms/js/common.js
index b29d13f..f25e698 100644 (file)
--- a/cloudcms/static/cloudcms/js/common.js
+++ b/cloudcms/static/cloudcms/js/common.js
@@ -13,6 +13,35 @@ function setContainerMinHeight( applicableDiv){
 \r
 }\r
 \r
+// fix for iPhone - iPad orientation bug \r
+var metas = document.getElementsByTagName('meta');\r
+function resetViewport() {\r
+    var i;\r
+    if (navigator.userAgent.match(/iPhone/i)) {\r
+               for (i=0; i<metas.length; i++) {\r
+               if (metas[i].name == "viewport") {\r
+                       metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";\r
+               }\r
+               }\r
+       }\r
+}\r
+resetViewport();\r
+    \r
+window.onorientationchange = function() {\r
+    resetViewport();\r
+};\r
+    \r
+function gestureStart() {\r
+  for (i=0; i<metas.length; i++) {\r
+    if (metas[i].name == "viewport") {\r
+      metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";\r
+    }\r
+  }\r
+}\r
+document.addEventListener("gesturestart", gestureStart, false);\r
+\r
+//end of fix\r
+\r
 $(document).ready(function() {\r
        \r
         \r

diff --git a/cloudcms/templates/cms/base.html b/cloudcms/templates/cms/base.html
index 5814c7a..ea562e4 100644 (file)
--- a/cloudcms/templates/cms/base.html
+++ b/cloudcms/templates/cms/base.html
@@ -7,7 +7,7 @@
       {% else %}{{ feincms_page.title }}{% endif %} | {{ APP.title }}{% endblock %}
   </title>
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-  <meta name="viewport" content="width=device-width; initial-scale=1.0">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0">  
   
   {% block favicons %}
   <link rel="shortcut icon" href="{{ APP.favicon.get_absolute_url }}">
@@ -17,6 +17,7 @@
   {% block css %}
       <link href='https://fonts.googleapis.com/css?family=Antic' rel='stylesheet' type='text/css'>
       <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}cloudcms/css/global.css">
+      <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}cloudcms/css/print.css" media="print">
       <!--[if lte IE 7]>
           <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}cloudcms/css/ie7.css">
       <![endif]-->