Upgrade to ExtJS 4.0.7 - Released 10/19/2011

[extjs.git] / docs / touchIframe.html
diff --git a/docs/touchIframe.html b/docs/touchIframe.html

new file mode 100755 (executable)

index 0000000..e4f2251
--- /dev/null
+++ b/docs/touchIframe.html
@@ -0,0 +1,85 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title>Sencha Examples</title>
+
+    <script type="text/javascript" src="touch/sencha-touch-all.js"></script>
+    <link rel="stylesheet" type="text/css" href="touch/resources/css/sencha-touch.css">
+
+    <style id="iframe-css" type="text/css"></style>
+    <style type="text/css" media="screen">
+        html {
+            overflow: hidden
+        }
+
+        .home {
+            text-align: center;
+        }
+
+        .home img {
+            width: 64%;
+        }
+
+        .home h1 {
+            font-weight: bold;
+            font-size: 1.2em;
+        }
+
+        .home p {
+            color: #666;
+            font-size: 0.8em;
+            line-height: 1.5em;
+            margin: 10px 20px 12px 20px;
+        }
+
+        .home h2 {
+            color: #999;
+            font-size: 0.7em;
+        }
+
+               .twitterView .x-dataview-item {
+                       padding: 10px;
+                       min-height: 50px;
+               }
+
+               .twitterView .x-dataview-item img {
+                       float: left;
+                       display: block;
+                       margin-top: 36px;
+               }
+
+               .twitterView .x-dataview-item h2 {
+                       font-weight: bold;
+                       color: #333;
+                       margin: 0px 0px 10px 60px;
+               }
+
+               .twitterView .x-dataview-item p {
+                       color: #666;
+                       margin-left: 60px;
+                       font-size: 0.8em;
+               }
+    </style>
+
+    <script type="text/javascript">
+        var refreshPage = function(code, options) {
+            try {
+                document.body.innerHTML = '';
+                if (!options.raw) {
+                    code = "Ext.setup({onReady: function(){" + code + "}});";
+                }
+                if (options.tablet) {
+                    // Scale example down to 70% size. Default font-size is 114%
+                    Ext.get('iframe-css').update("body {font-size: 79.8% !important}");
+                }
+                eval(code);
+            } catch (e) {
+                document.body.innerHTML = e;
+            }
+        }
+    </script>
+</head>
+<body>
+</body>
+</html>