[Commits] r793 - in core/trunk/docsrc: . _theme/geoext/static

[commits at geoext.org]

Author: tschaub
Date: 2009-05-16 01:08:48 +0200 (Sat, 16 May 2009)
New Revision: 793

Modified:
   core/trunk/docsrc/_theme/geoext/static/front-page.js
   core/trunk/docsrc/_theme/geoext/static/geoext.css
   core/trunk/docsrc/index.rst
Log:
Button style.

Modified: core/trunk/docsrc/_theme/geoext/static/front-page.js
===================================================================
--- core/trunk/docsrc/_theme/geoext/static/front-page.js	2009-05-15 21:30:01 UTC (rev 792)
+++ core/trunk/docsrc/_theme/geoext/static/front-page.js	2009-05-15 23:08:48 UTC (rev 793)
@@ -1,22 +1,27 @@
 Ext.onReady(function() {
-    var win;
-    Ext.DomQuery.select("p.execute")[0].onclick = function() {
-        if(!win) {
-            win = new Ext.Window({
-                title: "GeoExt in Action",
-                height: 280,
-                width: 400,
-                layout: "fit",
-                closeAction: "hide",
-                items: [{
-                    xtype: "gx_mappanel",
-                    layers: [new OpenLayers.Layer.WMS(
-                        "bluemarble", "http://demo.opengeo.org/geoserver/wms",
-                        {layers: 'bluemarble'}
-                    )]
-                }]
-            });
+    var win, block = Ext.Element.get(Ext.DomQuery.select("div.execute")[0]);
+    var button = new Ext.Button({
+        text: "Run it!",
+        cls: "execute",
+        handler: function() {
+            if(!win) {
+                win = new Ext.Window({
+                    title: "GeoExt in Action",
+                    height: 280, width: 400,
+                    layout: "fit",
+                    closeAction: "hide",
+                    items: [{
+                        xtype: "gx_mappanel",
+                        layers: [new OpenLayers.Layer.WMS(
+                            "bluemarble", "http://demo.opengeo.org/geoserver/wms",
+                            {layers: 'bluemarble'}
+                        )]
+                    }]
+                });
+            }
+            win.show(container);
         }
-        win.show();
-    }
+    });
+    var container = Ext.Element.get(Ext.DomHelper.append(block, {tag: "div"}));
+    container.setHeight(35, {callback: function() {button.render(container)}});
 });
\ No newline at end of file

Modified: core/trunk/docsrc/_theme/geoext/static/geoext.css
===================================================================
--- core/trunk/docsrc/_theme/geoext/static/geoext.css	2009-05-15 21:30:01 UTC (rev 792)
+++ core/trunk/docsrc/_theme/geoext/static/geoext.css	2009-05-15 23:08:48 UTC (rev 793)
@@ -24,6 +24,9 @@
 h1, h2, h3, h4, h5, h6 {
     color: #385F95;
 }
+table td, table th {
+    padding: 0;
+}
 div.related {
     margin: 0 80px;
     width: auto;
@@ -169,13 +172,7 @@
     padding-bottom: 0.5em;
 }
 
-/* element that runs code on click */
-p.execute {
-    color: white;
-    font-weight: bold;
-    background-color: #385F95;
-    cursor: pointer;
-    width: 6em;
-    height: 1.7em;
-    text-align: center;
-}
+/* execute button style */
+.x-btn.execute {
+    margin: 1em;
+}
\ No newline at end of file

Modified: core/trunk/docsrc/index.rst
===================================================================
--- core/trunk/docsrc/index.rst	2009-05-15 21:30:01 UTC (rev 792)
+++ core/trunk/docsrc/index.rst	2009-05-15 23:08:48 UTC (rev 793)
@@ -16,6 +16,8 @@
 
 See GeoExt in action.
 
+.. cssclass:: execute
+
 .. code-block:: javascript
 
     new Ext.Window({
@@ -30,10 +32,6 @@
         }]
     }).show();
 
-.. cssclass:: execute
-
-    Run it!
-
 Learn more about using GeoExt in your application by reading the
 :doc:`documentation <docs>`.