topic Map not resizing in ArcGIS JavaScript Maps SDK Questions

Map not resizing

FaizanTayyab — Mon, 25 Feb 2013 16:48:30 GMT

HI All,

I have my map placed within a div

<div id="mapContainer">    <div id="mapDiv" dojotype="dijit.layout.ContentPane" region="center" style="height:100%; width:100%"></div> </div>

The mapContainer is itself within a jQuery ui tab widget.

The map re sizes itself when browser size is changed without any extra code in FF however in IE8, the map does not resize itself.

I have tried various suggestions including one from the guidelines but nothing seems to work. Any ideas?

dojo.connect(dojo.byId('mapDiv'), 'resize', function(extent) {        map.resize(); });

Moving the map div under the body tag and not within any widget or any other tags fixes the issue, but i do want to use the tab widget.

Thanks

Re: Map not resizing

HemingZhu — Sat, 11 Dec 2021 14:17:59 GMT

HI All,

I have my map placed within a div
<div id="mapContainer">
   <div id="mapDiv" dojotype="dijit.layout.ContentPane" region="center" style="height:100%; width:100%"></div>
</div>
The mapContainer is itself within a jQuery ui tab widget.

The map re sizes itself when browser size is changed without any extra code in FF however in IE8, the map does not resize itself.

I have tried various suggestions including one from the guidelines but nothing seems to work. Any ideas?
dojo.connect(dojo.byId('mapDiv'), 'resize', function(extent) { 
      map.resize();
});
Moving the map div under the body tag and not within any widget or any other tags fixes the issue, but i do want to use the tab widget.

Thanks

Have you tried to use jQuery's bind method to raise the map control's resize event?

Re: Map not resizing

SamirGambhir — Tue, 26 Feb 2013 19:40:53 GMT

Have you tried to use jQuery's bind method to raise the map control's resize event?

IE8 is very picky in parsing JavaScript code. Try using IE9. If it works in IE9 then you are sure it is not your code but this buggy, useless browser.

Re: Map not resizing

FaizanTayyab — Tue, 05 Mar 2013 20:59:58 GMT

It worked in IE8 after including the compatibility meta tag.