I'm using ArcGIS JavaScript API 3.6.

I have a map layout with a bordercontainer and two contentpanes, One is the map div and the other is the left div (which holds the legend, and basemaps and such as child elements).

I have a checkbox element on the footer that when clicked, fires off a function that (should ideally) make the left div disappear and the map div expand to the width of the browser.

function toggleDiv() {
    // If statement to check if the checkbox is checked.
if (dijit.byId("ToggleLeft").checked) {
    //Sets the left div's display CSS property to inline and then setting the
    //width property
   dojo.setStyle(dijit.byId("leftDiv").domNode, 'display', 'inline');
   dojo.byId("leftDiv").style.width = '285px';

    // Sets the display css property to "none" which makes the element disappear 
   dojo.setStyle(dijit.byId("leftDiv").domNode, 'display', 'none');



When I resize the browser, the map automatically resizes to the width of the browser. However, I want to do this as soon as the leftDiv element disappears.

What JavaScript code would I have to use to get this to happen?


2 Answers 2


The answer I was looking for was provided at Auto resize map div/container to 100% after a content pane is removed from the layout.


Try resizing the border container as well as the map. (For me, I added a small delay to make the map redraw properly.)

//Resizes the border container

//Resizes the map after 500 ms
setTimeout(function () {        
}, 500);

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.