RWinter85

Map in StackContainer sized to 400px

Discussion created by RWinter85 on Jun 18, 2013
Latest reply on Sep 12, 2013 by kentus
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%

Outcomes