<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META NAME="Generator" CONTENT="MS Exchange Server version 6.5.7654.12">
<TITLE>Paneldiv</TITLE>
</HEAD>
<BODY>
<!-- Converted from text/rtf format -->
<P><FONT SIZE=2 FACE="Arial">Hello list,</FONT>
</P>
<P><FONT SIZE=2 FACE="Arial">I try to realise a paneldiv with buttons for the navigation. For example the zoom and pan and so on.</FONT>
</P>
<P><FONT SIZE=2 FACE="Arial">I made it like this:</FONT>
</P>
<P><FONT SIZE=2 FACE="Arial">var zoomBox = new OpenLayers.Control.ZoomBox({ title: "Zoom In / Rechteckzoom" });</FONT>
<BR><FONT SIZE=2 FACE="Arial">var navHistory = new OpenLayers.Control.NavigationHistory();</FONT>
<BR><FONT SIZE=2 FACE="Arial">navHistory.previous.title = "letzte Ansicht";</FONT>
<BR><FONT SIZE=2 FACE="Arial">navHistory.next.title = "nächste Ansicht";</FONT>
<BR><FONT SIZE=2 FACE="Arial">map.addControl(navHistory);</FONT>
</P>
<P><FONT SIZE=2 FACE="Arial">// build the featureInfo control (aka query tool/button)</FONT>
<BR><FONT SIZE=2 FACE="Arial">featureInfo = new OpenLayers.Control({</FONT>
<BR><FONT SIZE=2 FACE="Arial"> displayClass: "olControlFeatureInfo",</FONT>
<BR><FONT SIZE=2 FACE="Arial"> title: "Datenabfrage"</FONT>
<BR><FONT SIZE=2 FACE="Arial"> });</FONT>
</P>
<P><FONT SIZE=2 FACE="Arial">// create the panel where the controls will be added</FONT>
<BR><FONT SIZE=2 FACE="Arial">var panel = new OpenLayers.Control.Panel({ defaultControl: featureInfo, div: document.getElementById("paneldiv")});</FONT>
</P>
<P><FONT SIZE=2 FACE="Arial">panel.addControls([</FONT>
<BR><FONT SIZE=2 FACE="Arial"> zoomBox,</FONT>
<BR><FONT SIZE=2 FACE="Arial"> new OpenLayers.Control.ZoomBox({</FONT>
<BR><FONT SIZE=2 FACE="Arial"> title:"Zoom Out / Rechteckzoom",</FONT>
<BR><FONT SIZE=2 FACE="Arial"> displayClass: 'olControlZoomOutBox',</FONT>
<BR><FONT SIZE=2 FACE="Arial"> out: true</FONT>
<BR><FONT SIZE=2 FACE="Arial"> }),</FONT>
<BR><FONT SIZE=2 FACE="Arial"> new OpenLayers.Control.DragPan({title:'Pan', displayClass: 'olControlPanMap'}),</FONT>
<BR><FONT SIZE=2 FACE="Arial"> featureInfo,</FONT>
<BR><FONT SIZE=2 FACE="Arial"> new OpenLayers.Control.ZoomToMaxExtent({title: "Zoom Max"}),</FONT>
<BR><FONT SIZE=2 FACE="Arial"> navHistory.previous,</FONT>
<BR><FONT SIZE=2 FACE="Arial"> navHistory.next</FONT>
<BR><FONT SIZE=2 FACE="Arial"> ]);</FONT>
</P>
<P><FONT SIZE=2 FACE="Arial"> // add the panel to the map</FONT>
<BR><FONT SIZE=2 FACE="Arial"> map.addControl(panel);</FONT>
</P>
<P><FONT SIZE=2 FACE="Arial">map.addControl(new OpenLayers.Control.MouseDefaults()); </FONT>
</P>
<P><FONT SIZE=2 FACE="Arial">It works. But now I will arrange the buttons in another way. I have now 7 buttons in one line, but I will have the buttons in two lines. But I have no idea where I have to change the code for doing this.</FONT></P>
<P><FONT SIZE=2 FACE="Arial">Perhaps it is a bad question but I hope that someone can help me.</FONT>
</P>
<P><FONT SIZE=2 FACE="Arial">A lot of thanks.</FONT>
<BR><FONT SIZE=2 FACE="Arial">Greetings</FONT>
<BR><FONT SIZE=2 FACE="Arial">Hanno</FONT>
</P>
<P><FONT FACE="Arial">------------------------------------------</FONT>
<BR><FONT FACE="Arial">Hanno Rahn, Dipl.-Ing. (FH) Geoinformatik</FONT>
<BR><FONT FACE="Arial">ZHAW Zürcher Hochschule für Angewandte Wissenschaften Umwelt und Natürliche Ressourcen </FONT>
<BR><FONT FACE="Arial">Fachstelle Geoinformatik </FONT>
<BR><FONT FACE="Arial">Grüental, Postfach CH-8820 Wädenswil </FONT>
<BR><FONT FACE="Arial">Tel +41 (0)58 934 5592</FONT>
<BR><FONT FACE="Arial">Fax +41 (0)58 934 5580 </FONT>
<BR><FONT FACE="Arial">hanno.rahn@zhaw.ch</FONT>
<BR><A HREF="http://www.iunr.zhaw.ch/geoinformatik"><U><FONT COLOR="#0000FF" FACE="Arial">www.iunr.zhaw.ch/geoinformatik</FONT></U></A>
</P>
<P><FONT FACE="Arial"> </FONT>
<BR><FONT FACE="Arial"> </FONT>
</P>
</BODY>
</HTML>