Map Height and Width is fixed to 400px when ESRI API is used with EXT Js

[ManiDeep]

Hi Team,

I have integrated esri with extjs-4.2. I am getting the map element in the proper size for the first time when the screen loads.However i am not getting the map element in the proper size when trying to reload the map element alone. The map element is getting reset to 400*400 automatically, which am not able to change. Please find below supportive screenshots with following code.

Here the piece of code intiating the Map in Extjs.

Ext.getCmp('dashboardcontainer').add(Ext.widget('mapPanel'));

Screen Shots

First time Loading properly as below:

Second time it is getting shrink:

Dom For the First time and Second Time where it is changing automatically:

First Time

Second Time

Note: Convert the attachement to text ,Replace your bing key

[KellyHutchins]

There are several suggestions in this thread that may help.

Re: Map Height is fixed to 400px when JS API is used with Bootstrap

[ManiDeep]

Hi Kelly,

Thanks for your Suggestion after changing of esri.css and esri.js to the latest version the issue is resolved.

<link rel="stylesheet" href="http://js.arcgis.com/3.14/esri/css/esri.css"> 

<script src="http://js.arcgis.com/3.14/"></script>

Thanks,

Manideep.