gregbrost

Popup with tabs in IE

Discussion created by gregbrost on Aug 1, 2013
I'm having an issue with tabs in a popup not showing in IE (tried 9 and 10). Chrome and FF seem ok. Anyone have this problem before or see anything wrong? Here is my test case simplified from the application I'm working on.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
 <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=7, IE=9, IE=10">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
  <title>Popup with tabs</title> 
  <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/dojo/dijit/themes/claro/claro.css">
  <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/esri/css/esri.css" />

  <script type="text/javascript">var djConfig = {parseOnLoad: true};</script> 
  <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.5"></script>
  <script type="text/javascript">

   dojo.require("dijit.dijit"); 
   dojo.require("esri.dijit.Popup");
   dojo.require("dijit.layout.TabContainer");
   dojo.require("dijit.layout.ContentPane");

   function init() {  

    popup = new esri.dijit.Popup({},"pop"); 

    popup.resize(415, 200); 
    popup.setContent(dijit.byId("tabs").domNode);

    popup.setTitle("Identify Results");
    popup.show();  
   }

   dojo.addOnLoad(init);    

   </script>

 </head> 

 <body class="claro"> 
  <div id="pop">
   <div id="tabs" dojoType="dijit.layout.TabContainer" style="width:385px;height:150px">
    <div id="parcelTab" dojoType="dijit.layout.ContentPane" title="Parcel"></div>
    <div id="wetlandTab" dojoType="dijit.layout.ContentPane" title="Wetland"></div>
   </div>
  </div> 
 </body> 
 
</html>

Outcomes