[Commits] r399 - in apps/opengeo/geoexplorer/trunk: lib theme

[commits at geoext.org]

Author: sbenthall
Date: 2009-04-15 22:16:30 +0200 (Wed, 15 Apr 2009)
New Revision: 399

Modified:
   apps/opengeo/geoexplorer/trunk/lib/GeoExplorer.js
   apps/opengeo/geoexplorer/trunk/theme/geoexplorer.css
Log:
PanPanel and ZoomPanel using Ext sprites


Modified: apps/opengeo/geoexplorer/trunk/lib/GeoExplorer.js
===================================================================
--- apps/opengeo/geoexplorer/trunk/lib/GeoExplorer.js	2009-04-15 19:14:03 UTC (rev 398)
+++ apps/opengeo/geoexplorer/trunk/lib/GeoExplorer.js	2009-04-15 20:16:30 UTC (rev 399)
@@ -114,7 +114,8 @@
         // TODO: check this.initialConfig.map for any map options
         this.map = new OpenLayers.Map({
             allOverlays: true,
-            controls: []
+            controls: [new OpenLayers.Control.PanPanel(),
+                       new OpenLayers.Control.ZoomPanel()]
         });
 
         //TODO: make this more configurable

Modified: apps/opengeo/geoexplorer/trunk/theme/geoexplorer.css
===================================================================
--- apps/opengeo/geoexplorer/trunk/theme/geoexplorer.css	2009-04-15 19:14:03 UTC (rev 398)
+++ apps/opengeo/geoexplorer/trunk/theme/geoexplorer.css	2009-04-15 20:16:30 UTC (rev 399)
@@ -51,3 +51,52 @@
     float:left;
     margin: 5px;
 }
+
+/* Pan- and Zoom- Panel Styles*/
+
+.olControlPanPanel div {
+background-image:url(../externals/ext/resources/images/default/panel/tool-sprites.gif);
+height:15px;
+width:15px;
+}
+
+.olControlPanPanel .olControlPanNorthItemInactive {
+background-position:15px -60px;
+left:16px
+}
+.olControlPanPanel .olControlPanEastItemInactive {
+background-position:15px -120px;
+left: 32px;
+top: 16px;
+}
+.olControlPanPanel .olControlPanSouthItemInactive {
+background-position:15px -75px;
+left: 16px;
+top: 32px;
+}
+.olControlPanPanel .olControlPanWestItemInactive {
+background-position:15px -105px;
+top: 16px;
+}
+
+.olControlZoomPanel { 
+left:21px;
+}
+
+.olControlZoomPanel div {
+background-image:url(../externals/ext/resources/images/default/panel/tool-sprites.gif);
+height:15px;
+width:15px;
+}
+
+.olControlZoomPanel .olControlZoomInItemInactive {
+background-position:15px -240px;
+}
+
+.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
+background-position:15px -225px;
+}
+
+.olControlZoomPanel .olControlZoomOutItemInactive {
+background-position:15px -255px;
+}