elove

Dijit Accordion Container does not resize in Mozilla??

Discussion created by elove on Dec 13, 2011
Hello,

I have a map that utilizes the dijit.layout.AccordionContainer that is not resizing, and is cut-off when a results table displays at the bottom of the map. This happens in Mozilla, but it seems to work fine in IE. Any insight as to how to remedy this?

Thanks!!:)

<div dojotype="dijit.layout.ContentPane" region="left" id="leftPane" selected="true"> 
      <div dojoType="dijit.layout.AccordionContainer" class="Accordion"> 
        <div dojoType="dijit.layout.ContentPane" title="Search Surveys"> 
          <span> 
          Find DOCUMENT NUMBER: 
      <input type="text" id="docNumber" value="cr_0001" />
   <input type="button" value="Find" onclick="searchCornerReports(dojo.byId('docNumber').value);"/> 
        </span> 
  <span> 
          Find Survey By DOCUMENT NUMBER: 
      <input type="text" id="survNumber" value="S2004121024" />
   <input type="button" value="Find" onclick="searchSurveys(dojo.byId('survNumber').value);"/> 
        </span> <br>
   <span> 
          Find DOCUMENT NUMBER: 
      <input type="text" id="docNumber1" value="cr_0001" /> 
      <input type="button" value="Find" onclick="searchCornerReports(dojo.byId('docNumber1').value);"/>
        </span> <br>
      <span> 
          Find City: <br>
      <input type="text" id="CitySearch" value="Holladay" /> 

      <input type="button" value="Find" onclick="searchCity(dojo.byId('CitySearch').value);"/>
        </span> 
        </div> 
  <div dojoType="dijit.layout.ContentPane" title="Search Control Points"> 
            <span> 
          Find Point Name: 
      <input type="text" id="pointName" value="1S2W1106" />
   <input type="button" value="Find" onclick="searchPointName(dojo.byId('pointName').value);"/> 
        </span> 
  
            
  </div>
        <div dojoType="dijit.layout.ContentPane" id="legendPane" title="Legend"> 
            <div id="legendDiv"></div> 
  </div>
        <div dojoType="dijit.layout.ContentPane" title="Layer Visibility"> 
   <span style="padding:10px 0;">Layer Visibility</span>
   <div id="toggle" style="padding: 2px 2px;"></div>  
        </div> 
      </div> 
      </div> 

Outcomes