nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Map not resizing

FaizanTayyab

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

Trouver plus de publications taguées avec

Accepted answers

FaizanTayyab

It worked in IE8 after including the compatibility meta tag.

All comments

FaizanTayyab

It worked in IE8 after including the compatibility meta tag.

SamirGambhir

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.

HemingZhu

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?

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.