2 Easy questions

**robertdbuckley** · 6 Apr 2011 4:54 AM

Hi,

I´m still pretty new to extjs and would like to clear up a couple of things.

1. I have a viewport consisting of a few panels. In one panel I want to display some text with an html table. I have the div written in my <html> <body> and assign the id to the contentEl: config in the panel. This works ok, but the text can be seen behind the viewport where the "split" divider is. This is obviously an error on my part, but how can I solve it?

2. my viewport is not rendered by firefox 4. Is this a known issue?

Thanks for the help,

Robert

**fay** · 6 Apr 2011 5:12 AM

1. Impossible to say without seeing some code.
2. ^^

Can you post a working showcase of this?

Btw, it's always better to give your post a meaningful title, or it'll likely get ignored.

See: http://www.sencha.com/learn/Ext_Forum_Help

**robertdbuckley** · 6 Apr 2011 5:19 AM

Sorry for being vague....

here is the code for my panel...

var downloadPanel = new Ext.TabPanel({
id:'Download',
title:'Datacenter',
iconCls: "icon-download",
region:'south',
height: 80,
activeTab: 0,
autoScroll: true,
stateId:'TabPanel',
contentEl: 'data'
});

this is my html body...

<body>
<div id="data" class="data">
<p><b>Willkommen zum Data Center</b></p><br>
<p></p>
<p>Bevor Sie die Daten herunterladen, schauen Sie zur Kontrolle, die Daten an mittels des Vorschaufensters.</p>
<br><br>
<div class="center">
<table cellspacing="0" id="datacenter-table" name="datacenter-table">
<thead>

<tr style="background:#eeeeee;">
<th style="width: 160px;">DATA SET</th>
<th>METADATA</th>
<th>PREVIEW</th>
<th>SHAPEFILE</th>
<th style="width: 60px;">KMZ</th>
<th style="width: 60px;">KML</th>
<th style="width: 60px;">WMS</th>
<th style="width: 60px;">WFS</th>
</tr>
</thead>
<tbody>
<tr>

<td>wea_wgs84</td>
<td><a href="http://maps.zgb.de:8080/catalogueManager/service=csw&version=2.0.2&request=GetRecords_title&title=wea_wgs84" target="_blank">Metadata</a></td>
<td><a href="http://maps.zgb.de:8080/geoserver/wms?service=WMS&version=1.1.0&request=GetMap&layers=zgb:wea_wgs84&styles=&bbox=10.0,51.266,11.059,52.77&width=360&height=512&srs=EPSG:4326&format=application/openlayers" target="_blank">Vorshau</a></td>
<td><a href="http://maps.zgb.de:8080/geoserver/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=zgb:wea_wgs84&maxFeatures=50&outputFormat=SHAPE-ZIP" target="_blank">Shapefile</a></td>
<td><a href="http://maps.zgb.de:8080/geoserver/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=zgb:wea_wgs84&maxFeatures=50" target="_blank">GML</a></td>
<td><a href="http://maps.zgb.de:8080/geoserver/wms/kml?layers=zgb:wea_wgs84" target="_blank">KML</a></td>

<td><a href="http://maps.zgb.de:8080/geoserver/wms?request=getCapabilities" target="_blank">WMS</a></td>
<td><a href="http://maps.zgb.de:8080/geoserver/wfs&version=1.1.0&namespace=zgb&request=GetCapabilities" target="_blank">WFS</a></td>
</tr>
<tr>
<td>Zip Code Boundaries</td>
<td>Metadata</td>
<td><a href="http://maps.zgb.de:8080/geoserver/wms?service=WMS&version=1.1.0&request=GetMap&layers=zgb:Biogas_wgs84&styles=&bbox=10.052,51.482,11.02,52.806&width=374&height=512&srs=EPSG:4326&format=application/openlayers" target="_blank">Vorshau</a></td>

<td><a href="http://maps.zgb.de:8080/geoserver/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=zgb:Biogas_wgs84&maxFeatures=50&outputFormat=SHAPE-ZIP" target="_blank">Shapefile</a></td>
<td><a href="http://maps.zgb.de:8080/geoserver/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=zgb:Biogas_wgs84&maxFeatures=50" target="_blank">GML</a></td>
<td><a href="http://maps.zgb.de:8080/geoserver/wms/kml?layers=zgb:Biogas_wgs84" target="_blank">KML</a></td>
<td><a href="http://maps.zgb.de:8080/geoserver/wms?request=getCapabilities" target="_blank">WMS</a></td>
<td><a href="http://maps.zgb.de:8080/geoserver/wfs&version=1.1.0&namespace=zgb&request=GetCapabilities" target="_blank">WFS</a></td>
</tr>
<tr>
<td>Zip Code Boundaries</td>
<td>Metadata</td>
<td><a href="http://maps.zgb.de:8080/geoserver/wms?service=WMS&version=1.1.0&request=GetMap&layers=zgb:Biogas_wgs84&styles=&bbox=10.052,51.482,11.02,52.806&width=374&height=512&srs=EPSG:4326&format=application/openlayers" target="_blank">Vorshau</a></td>

<td><a href="http://maps.zgb.de:8080/geoserver/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=zgb:Biogas_wgs84&maxFeatures=50&outputFormat=SHAPE-ZIP" target="_blank">Shapefile</a></td>
<td><a href="http://maps.zgb.de:8080/geoserver/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=zgb:Biogas_wgs84&maxFeatures=50" target="_blank">GML</a></td>
<td><a href="http://maps.zgb.de:8080/geoserver/wms/kml?layers=zgb:Biogas_wgs84" target="_blank">KML</a></td>
<td><a href="http://maps.zgb.de:8080/geoserver/wms?request=getCapabilities" target="_blank">WMS</a></td>
<td><a href="http://maps.zgb.de:8080/geoserver/wfs&version=1.1.0&namespace=zgb&request=GetCapabilities" target="_blank">WFS</a></td>
</tr>
</tbody>
</table>
</div>

<div id="permalink"></div>
</body>

**robertdbuckley** · 6 Apr 2011 5:31 AM

and the link...

http://maps.zgb.de:8080/geoserver/www/testing/wea.html

**fay** · 6 Apr 2011 5:51 AM

I'm a bit confused as to why you would specify downloadPanel first as a TabPanel and secondly with region: 'south' - you're adding downloadPanel to your centerTabPanel along with the mapPanels - why not just create a Panel and add in the same way?

Sorry to be a bore, but can you also post with CODE tags

**robertdbuckley** · 6 Apr 2011 5:57 AM

your right...that makes no sense. I think it was a left over from an earlier design.

Code:

<body> <div id="data" class="data"> <p><b>Willkommen zum Data Center</b></p><br> <p></p> <p>Bevor Sie die Daten herunterladen, schauen Sie zur Kontrolle, die Daten an mittels des Vorschaufensters.</p> <br><br> <div class="center"> <table cellspacing="0" id="datacenter-table" name="datacenter-table"> <thead> <tr style="background:#eeeeee;"> <th style="width: 160px;">DATA SET</th> <th>METADATA</th> <th>PREVIEW</th> <th>SHAPEFILE</th> <th style="width: 60px;">KMZ</th> <th style="width: 60px;">KML</th> <th style="width: 60px;">WMS</th> <th style="width: 60px;">WFS</th> </tr> </thead> <tbody> <tr> <td>wea_wgs84</td> <td><a href="http://maps.zgb.de:8080/catalogueManager/client/requestHandler.jsp?GCAction=http://maps.zgb.de:8080/catalogueManager/services&GCXML=%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22?%3E%3Ccsw:GetRecordById%20service=%22CSW%22%20version=%222.0.2%22%20outputFormat=%22application/xml%22%20outputSchema=%22http://www.opengis.net/cat/csw/2.0.2%22%20xmlns:csw=%22http://www.opengis.net/cat/csw/2.0.2%22%3E%3Ccsw:Id%3EC4AFBD6C-7090-0001-7817-CC051C8F1758%3C/csw:Id%3E%3Ccsw:ElementSetName%3Efull%3C/csw:ElementSetName%3E%3C/csw:GetRecordById%3E" target="_blank">Metadata</a></td> <td><a href="http://maps.zgb.de:8080/geoserver/wms?service=WMS&version=1.1.0&request=GetMap&layers=zgb:wea_wgs84&styles=&bbox=10.0,51.266,11.059,52.77&width=360&height=512&srs=EPSG:4326&format=application/openlayers" target="_blank">Vorshau</a></td> <td><a href="http://maps.zgb.de:8080/geoserver/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=zgb:wea_wgs84&maxFeatures=50&outputFormat=SHAPE-ZIP" target="_blank">Shapefile</a></td> <td><a href="http://maps.zgb.de:8080/geoserver/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=zgb:wea_wgs84&maxFeatures=50" target="_blank">GML</a></td> <td><a href="http://maps.zgb.de:8080/geoserver/wms/kml?layers=zgb:wea_wgs84" target="_blank">KML</a></td> <td><a href="http://maps.zgb.de:8080/geoserver/wms?request=getCapabilities" target="_blank">WMS</a></td> <td><a href="http://maps.zgb.de:8080/geoserver/wfs&version=1.1.0&namespace=zgb&request=GetCapabilities" target="_blank">WFS</a></td> </tr> <tr> <td>Zip Code Boundaries</td> <td>Metadata</td> <td><a href="http://maps.zgb.de:8080/geoserver/wms?service=WMS&version=1.1.0&request=GetMap&layers=zgb:Biogas_wgs84&styles=&bbox=10.052,51.482,11.02,52.806&width=374&height=512&srs=EPSG:4326&format=application/openlayers" target="_blank">Vorshau</a></td> <td><a href="http://maps.zgb.de:8080/geoserver/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=zgb:Biogas_wgs84&maxFeatures=50&outputFormat=SHAPE-ZIP" target="_blank">Shapefile</a></td> <td><a href="http://maps.zgb.de:8080/geoserver/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=zgb:Biogas_wgs84&maxFeatures=50" target="_blank">GML</a></td> <td><a href="http://maps.zgb.de:8080/geoserver/wms/kml?layers=zgb:Biogas_wgs84" target="_blank">KML</a></td> <td><a href="http://maps.zgb.de:8080/geoserver/wms?request=getCapabilities" target="_blank">WMS</a></td> <td><a href="http://maps.zgb.de:8080/geoserver/wfs&version=1.1.0&namespace=zgb&request=GetCapabilities" target="_blank">WFS</a></td> </tr> <tr> <td>Zip Code Boundaries</td> <td>Metadata</td> <td><a href="http://maps.zgb.de:8080/geoserver/wms?service=WMS&version=1.1.0&request=GetMap&layers=zgb:Biogas_wgs84&styles=&bbox=10.052,51.482,11.02,52.806&width=374&height=512&srs=EPSG:4326&format=application/openlayers" target="_blank">Vorshau</a></td> <td><a href="http://maps.zgb.de:8080/geoserver/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=zgb:Biogas_wgs84&maxFeatures=50&outputFormat=SHAPE-ZIP" target="_blank">Shapefile</a></td> <td><a href="http://maps.zgb.de:8080/geoserver/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=zgb:Biogas_wgs84&maxFeatures=50" target="_blank">GML</a></td> <td><a href="http://maps.zgb.de:8080/geoserver/wms/kml?layers=zgb:Biogas_wgs84" target="_blank">KML</a></td> <td><a href="http://maps.zgb.de:8080/geoserver/wms?request=getCapabilities" target="_blank">WMS</a></td> <td><a href="http://maps.zgb.de:8080/geoserver/wfs&version=1.1.0&namespace=zgb&request=GetCapabilities" target="_blank">WFS</a></td> </tr> </tbody> </table> </div> <div id="permalink"></div> </body>

**robertdbuckley** · 6 Apr 2011 6:14 AM

I don´t know if it´s a workaround or not, but I removed everything from the html body and put it in a separate html file and called it with the html config.

I guess that everything that is written in the body will also appear behind the viewpanel.

thanks for your time,

Robert

2 Easy questions

Thread Tools

Search Thread

Display

2 Easy questions

2 Easy questions

Similar Threads

Something easy

It's easy can anybody help?

easy problem ?

is there any easy way to keep the checkbox in 1 row?

New User: Layout Questions, Property Questions

Tags for this Thread