Map in StackContainer sized to 400px

RobertWinterbottom

Hi everyone,
I am building a mobile app and am running into problems with the size of the map.  I have a stack container(with 3 content pane's) inside a border container with region set to center.  The first stack loaded is the homepage with 2 options, a map page and a info page, if I click the map page the map always loads with height and width set to 400px.  I have every parent of the mapDiv and the map set to 100% width and heigh. If I load the map page by default and not the homepage, it loads at full screen, but I need to load the homepage first and doing so results in the map always getting set to 400px. I have tested lots of different things and have not come up with a clean solution. Does anyone have any suggestions ?

note: I set the class map like this

.map {
height: 100% !important;
width: 100% !important
}

and I end up with the map loading at 400 x 400 but then a second later expanding to 100%, kind of works but looks bad and the center point I define in map constructor is center when it is 400 x 400 not 100%

MihaiAsandulesei

i fixed that with this code:

require(["dojo/ready","esri/map", "dojo/domReady!"], function (ready,Map) {
                ready(function () {
                        map = new Map("map", {
                          basemap: "topo",
                          center: [-122.45,37.75], // long, lat
                          zoom: 13,
                          sliderStyle: "small"
                        });
                    
                });
            });