<html><body><div style="color:#000; background-color:#fff; font-family:arial, helvetica, sans-serif;font-size:10pt"><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; ">Hi,</div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; "><br></div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; ">I want to create a more user friendly info window for my getFeatureInfo tool</div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; "><br></div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; ">I have seen example apps where the getfeature info is outputted to an accordion window....for some reason I canīt get this to work. Is anyone able to show me some code in able to modify my present ext.popup shown below...I have tried to create the accordion window, but it doesnīt work...it is shows an ext.window!?! even though I have<span style="font-size: 13px;
"> defined </span><span style="font-size: 13px; ">layout: "accordion",!!!</span></div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; "><br></div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; ">thanks.</div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; "><br></div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; ">RB</div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; "><br></div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; ">// GetFeatureInfo tool ouputs all features into one window :-(</div><div style="font-family: arial, helvetica, sans-serif; font-size: 10pt; "><br></div><div><div><font face="arial, helvetica, sans-serif" size="2">var featureInfo = new OpenLayers.Control.WMSGetFeatureInfo({</font></div><div><font face="arial, helvetica, sans-serif" size="2"><span class="Apple-tab-span"
style="white-space:pre"> </span> layers: [layer_rrop_15,layer_rrop_14,layer_rrop_13,layer_rrop_13_l,layer_rrop_13_p,layer_rrop_hws,layer_rrop_11_22,layer_rrop_11,layer_rrop_10,layer_rrop_09,layer_rrop_08,layer_rrop_05,layer_rrop_04,layer_rrop_03_l,layer_rrop_03,layer_rrop_02_l,layer_rrop_02,layer_rrop_01], </font></div><div><font face="arial, helvetica, sans-serif" size="2"><span class="Apple-tab-span" style="white-space:pre"> </span> // infoFormat: "application/vnd.ogc.gml", </font></div><div><font face="arial, helvetica, sans-serif" size="2"> queryVisible: true,</font></div><div><font face="arial, helvetica, sans-serif" size="2"> highlightOnly: false,</font></div><div><font face="arial, helvetica, sans-serif" size="2"> maxFeatures: 20,</font></div><div><font face="arial, helvetica, sans-serif" size="2"><span class="Apple-tab-span"
style="white-space:pre"> </span>eventListeners: {</font></div><div><font face="arial, helvetica, sans-serif" size="2"> "getfeatureinfo": function(e) { </font></div><div><font face="arial, helvetica, sans-serif" size="2"> var items = [];</font></div><div><font face="arial, helvetica, sans-serif" size="2"> Ext.each(e.features, function(feature) {</font></div><div><font face="arial, helvetica, sans-serif" size="2"> items.push({</font></div><div><font face="arial, helvetica, sans-serif" size="2">
xtype: "propertygrid",</font></div><div><font face="arial, helvetica, sans-serif" size="2"> title: feature.fid,</font></div><div><font face="arial, helvetica, sans-serif" size="2"> source: feature.attributes</font></div><div><font face="arial, helvetica, sans-serif" size="2"> });</font></div><div><font face="arial, helvetica, sans-serif" size="2"> });</font></div><div><font face="arial, helvetica, sans-serif" size="2"><span class="Apple-tab-span" style="white-space:pre"> </span>new
GeoExt.Popup({</font></div><div><font face="arial, helvetica, sans-serif" size="2"> url: "/geoserver/ows",</font></div><div><font face="arial, helvetica, sans-serif" size="2"> title: "Info",</font></div><div><font face="arial, helvetica, sans-serif" size="2"> width: 200,</font></div><div><font face="arial, helvetica, sans-serif" size="2"> autoheight: true,</font></div><div><font face="arial, helvetica, sans-serif" size="2"> layout: "accordion",</font></div><div><font face="arial, helvetica, sans-serif" size="2"> bodyStyle: 'background-color:#FFF;,font-size:14px;',</font></div><div><font face="arial, helvetica, sans-serif"
size="2"> autoScroll: true,</font></div><div><font face="arial, helvetica, sans-serif" size="2"> maximizable: true,</font></div><div><font face="arial, helvetica, sans-serif" size="2"> map: mapPanel.map,</font></div><div><font face="arial, helvetica, sans-serif" size="2"> lonlat: mapPanel.map.getLonLatFromPixel(e.xy),</font></div><div><font face="arial, helvetica, sans-serif" size="2"> html: e.text,</font></div><div><font face="arial, helvetica, sans-serif" size="2"> maximizable: true,</font></div><div><font face="arial, helvetica, sans-serif" size="2"> collapsible:
true,</font></div><div><font face="arial, helvetica, sans-serif" size="2"> items: items </font></div><div><font face="arial, helvetica, sans-serif" size="2"> }).show(); </font></div><div><font face="arial, helvetica, sans-serif" size="2"> }</font></div><div><font face="arial, helvetica, sans-serif" size="2"> }</font></div><div><font face="arial, helvetica, sans-serif" size="2"> });</font></div><div><font face="arial, helvetica, sans-serif" size="2"> map.addControl(featureInfo);</font></div><div><font face="arial, helvetica, sans-serif" size="2"> featureInfo.activate();</font></div></div></div></body></html>