[Commits] r884 - in apps/opengeo/geoexplorer/trunk: lib/GeoExplorer/Full theme

commits at geoext.org commits at geoext.org
Thu May 28 20:30:01 CEST 2009


Author: dwins
Date: 2009-05-28 20:30:01 +0200 (Thu, 28 May 2009)
New Revision: 884

Modified:
   apps/opengeo/geoexplorer/trunk/lib/GeoExplorer/Full/Full.js
   apps/opengeo/geoexplorer/trunk/theme/geoexplorer.css
Log:
Styling love for the export wizard.


Modified: apps/opengeo/geoexplorer/trunk/lib/GeoExplorer/Full/Full.js
===================================================================
--- apps/opengeo/geoexplorer/trunk/lib/GeoExplorer/Full/Full.js	2009-05-28 18:19:33 UTC (rev 883)
+++ apps/opengeo/geoexplorer/trunk/lib/GeoExplorer/Full/Full.js	2009-05-28 18:30:01 UTC (rev 884)
@@ -49,14 +49,21 @@
 
     makeFinalWizardPane: function(config) {
         var description = new Ext.Panel({
+            cls: 'gx-wizard-description',
             html: '<p> Your map is ready to be published to the web! </p>' +
             '<p> Simply copy the following HTML to embed the map in your website: </p>',
             border: false
         });
 
         var snippetArea = new Ext.form.TextArea({
-            editable: false,
-            height: '100'
+            height: '100',
+            selectOnFocus: true,
+            enableKeyEvents: true,
+            listeners: {
+                keypress: function(area, evt) {
+                    evt.stopEvent();
+                }
+            }
         });
  
         var heightField = new Ext.form.NumberField({width: 50, value: 400});
@@ -85,6 +92,7 @@
         var snippet = new Ext.Panel({
             border: false,
             layout: 'fit',
+            cls: 'gx-snippet-area',
             items: [snippetArea]
         });
 
@@ -119,16 +127,22 @@
                         }
                     })
                 ]}),
-                {html: "Height", border: false},
+                {cls: 'gx-field-label', html: "Height", border: false},
                 heightField,
-                {html:  "Width", border: false},
+                {cls: 'gx-field-label', html: "Width", border: false},
                 widthField
             ],
             border: false
         });
 
         return new Ext.Panel({
-            items: [description, snippet, {html: "Map Size", border: false}, adjustments]
+            cls: 'gx-wizard-pane',
+            border: false,
+            items: [
+                description, 
+                snippet, 
+                {cls: 'gx-field-label', html: "Map Size", border: false},
+                adjustments]
         });
     }
 });

Modified: apps/opengeo/geoexplorer/trunk/theme/geoexplorer.css
===================================================================
--- apps/opengeo/geoexplorer/trunk/theme/geoexplorer.css	2009-05-28 18:19:33 UTC (rev 883)
+++ apps/opengeo/geoexplorer/trunk/theme/geoexplorer.css	2009-05-28 18:30:01 UTC (rev 884)
@@ -184,3 +184,27 @@
     text-align: baseline;
     line-height: 18px;
 }
+
+.gx-field-label {
+    font-weight: bold;
+    margin: 4px;
+    text-align: baseline;
+}
+
+.gx-snippet-area textarea {
+    color: black; 
+    opacity: 1;
+}
+
+.gx-wizard-description p {
+    margin: 4px auto;
+    background: none;
+}
+
+.gx-wizard-pane {
+    padding: 4px;
+}
+
+.gx-wizard-pane .x-panel-body {
+    background: none;
+}



More information about the Commits mailing list