Currently I am working on ArcGIS JSAPI ver 3.0/3.2 . I have created few maps in .html files then my IT admin putting this file in i-frame (at our custom site)

I am not using i-frame in my .html file. Interesting fact is that when I access the map on various device say (i-pad ,tab ,laptop ,mobile) my map is not resizing properly even I am testing in Firefox (Responsive Design View) its not resizing.

1.I have inserted the meta tags for i-os still its not resizing.

2.Checking the CSS also (CSS might not the issue)

3.Going though similar questions 1 , 2

4.Researching on this at my end

Any help/suggestions will be great.. thanks..

Complete code @ JS Fiddle

Update :

I am using the resizer code still facing display problem. Please check the screenshots.




1 Answer 1


You can use this code for resizing the map automatically:

 //resize the map when the browser resizes - view the 'Resizing and repositioning the map' section in
              //the following help topic for more details http://help.esri.com/EN/webapi/javascript/arcgis/help/jshelp_start.htm#jshelp/inside_guidelines.htm      
              var resizeTimer;
              dojo.connect(map, 'onLoad', function(theMap) {
                dojo.connect(dijit.byId('map'), 'resize', function() { //resize the map if the div is resized
                  resizeTimer = setTimeout(function() {
                  }, 500);

  • thanks for your reply..I will use this and let you know..thanks a lot : )
    – Sunil
    Feb 21, 2013 at 8:47
  • I tried this but its not working .Also I am going through stackoverflow.com/questions/12676725/…
    – Sunil
    Feb 25, 2013 at 7:04
  • thanks for the reply..looks like I need to modify few CSS settings..
    – Sunil
    Feb 25, 2013 at 8:17

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.