<div id="mapContainer"> <div id="mapDiv" dojotype="dijit.layout.ContentPane" region="center" style="height:100%; width:100%"></div> </div>
dojo.connect(dojo.byId('mapDiv'), 'resize', function(extent) { map.resize(); });
Solved! Go to Solution.
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?