topic Re: Screen goes blank after page loads in ArcGIS JavaScript Maps SDK Questions https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/screen-goes-blank-after-page-loads/m-p/577573#M53938 <HTML><HEAD></HEAD><BODY><SPAN>We've all missed some super stupid mistakes, <span class="lia-unicode-emoji" title=":slightly_smiling_face:">🙂</span></SPAN><BR /><BR /><SPAN>to follow up, I think you have a inline style for your "outgrid"</SPAN><BR /><BR /><SPAN>style="height: 100%;"</SPAN><BR /><BR /><SPAN>is that the issue?</SPAN></BODY></HTML> Mon, 30 Sep 2013 17:14:30 GMT ZachLiu1 2013-09-30T17:14:30Z Screen goes blank after page loads https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/screen-goes-blank-after-page-loads/m-p/577570#M53935 <HTML><HEAD></HEAD><BODY><SPAN>Every time I load my web page the everything displays for half a second and then the screen goes blank. It appears that all of my html elements are given a height of 0.</SPAN><BR /><SPAN>Can anyone see what I am missing?</SPAN><BR /><BR /><SPAN>[HTML]</SPAN><BR /><SPAN>&lt;!DOCTYPE HTML&gt;</SPAN><BR /><SPAN>&lt;html&gt;</SPAN><BR /><SPAN>&lt;head&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;meta http-equiv="X-UA-Compatible" content="IE=7, IE=9, IE=10"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"&gt;</SPAN><BR /><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;title&gt;Text Search&lt;/title&gt;</SPAN><BR /><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;link rel="stylesheet" href="styles/Base.css"&gt;</SPAN><BR /><SPAN><SPAN>&nbsp;&nbsp;&nbsp; &lt;link rel="stylesheet" href="</SPAN><A class="jive-link-external-small" href="http://js.arcgis.com/3.6/js/dojo/dijit/themes/tundra/tundra.css" rel="nofollow" target="_blank">http://js.arcgis.com/3.6/js/dojo/dijit/themes/tundra/tundra.css</A><SPAN>"&gt;</SPAN></SPAN><BR /><SPAN><SPAN>&nbsp;&nbsp;&nbsp; &lt;link rel="stylesheet" href="</SPAN><A class="jive-link-external-small" href="http://js.arcgis.com/3.6/js/dojo/dojox/grid/resources/Grid.css" rel="nofollow" target="_blank">http://js.arcgis.com/3.6/js/dojo/dojox/grid/resources/Grid.css</A><SPAN>"&gt;</SPAN></SPAN><BR /><SPAN><SPAN>&nbsp;&nbsp;&nbsp; &lt;link rel="stylesheet" href="</SPAN><A class="jive-link-external-small" href="http://js.arcgis.com/3.6/js/dojo/dojox/grid/resources/tundraGrid.css" rel="nofollow" target="_blank">http://js.arcgis.com/3.6/js/dojo/dojox/grid/resources/tundraGrid.css</A><SPAN>"&gt;</SPAN></SPAN><BR /><SPAN><SPAN>&nbsp;&nbsp;&nbsp; &lt;link rel="stylesheet" href="</SPAN><A class="jive-link-external-small" href="http://js.arcgis.com/3.6/js/esri/css/esri.css" rel="nofollow" target="_blank">http://js.arcgis.com/3.6/js/esri/css/esri.css</A><SPAN>"&gt;</SPAN></SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;script&gt;var dojoConfig = {parseOnLoad:true};&lt;/script&gt;</SPAN><BR /><SPAN><SPAN>&nbsp;&nbsp;&nbsp; &lt;script src="</SPAN><A class="jive-link-external-small" href="http://js.arcgis.com/3.6/" rel="nofollow" target="_blank">http://js.arcgis.com/3.6/</A><SPAN>"&gt;&lt;/script&gt;</SPAN></SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;script src="scripts/App2.js"&gt;&lt;/script&gt;</SPAN><BR /><SPAN>&lt;/head&gt;</SPAN><BR /><SPAN>&lt;body class="tundra"&gt;</SPAN><BR /><SPAN>&lt;div id="titleBar"&gt;</SPAN><BR /><SPAN>&lt;div id="titleText" class="mapMenus"&gt;</SPAN><BR /><SPAN><SPAN>&nbsp;&nbsp;&nbsp; &lt;a href='</SPAN><A class="jive-link-external-small" href="http://azogcc.az.gov/" rel="nofollow" target="_blank">http://azogcc.az.gov/</A><SPAN>'&gt;ARIZONA OIL AND GAS &lt;br&gt;CONSERVATION COMMISSION&lt;/a&gt;</SPAN></SPAN><BR /><SPAN>&lt;/div&gt;</SPAN><BR /><SPAN>&lt;div id="navigationMenu" class="mapMenus"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;ul&gt;</SPAN><BR /><SPAN><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href='</SPAN><A class="jive-link-external-small" href="http://azogcc.az.gov/" rel="nofollow" target="_blank">http://azogcc.az.gov/</A><SPAN>'&gt;Home&lt;/a&gt;&lt;/li&gt;</SPAN></SPAN><BR /><SPAN><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href='</SPAN><A class="jive-link-external-small" href="http://azgs.az.gov/" rel="nofollow" target="_blank">http://azgs.az.gov/</A><SPAN>'&gt;AZGS&lt;/a&gt;&lt;/li&gt;</SPAN></SPAN><BR /><SPAN><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href='</SPAN><A class="jive-link-external-small" href="http://welldata.azogcc.az.gov/index.html" rel="nofollow" target="_blank">http://welldata.azogcc.az.gov/index.html</A><SPAN>'&gt;Map Search&lt;/a&gt;&lt;/li&gt;</SPAN></SPAN><BR /><SPAN><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;a href='</SPAN><A class="jive-link-external-small" href="http://welldata.azogcc.az.gov/textsearch.html" rel="nofollow" target="_blank">http://welldata.azogcc.az.gov/textsearch.html</A><SPAN>'&gt;Text Search&lt;/a&gt;&lt;/li&gt;</SPAN></SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;/ul&gt;</SPAN><BR /><SPAN>&lt;/div&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;div id="titleImg" class="mapMenus"&gt;</SPAN><BR /><SPAN><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;a href='</SPAN><A class="jive-link-external-small" href="http://azgs.az.gov/" rel="nofollow" target="_blank">http://azgs.az.gov/</A><SPAN>'&gt;&lt;img src="photos/AZ_state_seal2.png" height="49" width="49"&gt;&lt;/a&gt;</SPAN></SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;/div&gt;</SPAN><BR /><SPAN>&lt;/div&gt;</SPAN><BR /><SPAN>&lt;div id="search_body"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-type="dijit/layout/BorderContainer"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="design:'headline', gutters:true"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp; style="width: 100%; height: 100%; margin: 0;"&gt;</SPAN><BR /><SPAN>&lt;div id="search_info"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-type="dijit/layout/ContentPane"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; data-dojo-props="region:'top'"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;div id="info"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;p&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;strong&gt; Text Search:&lt;/strong&gt; Complete one or multiple fields and press the Submit Search button to search for wells based on their attributes. Selecting LAS data will open the LAS data in a text file. The selected LAS data can be saved and downloaded by using the save page as function.</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;/p&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;/div&gt;</SPAN><BR /><SPAN>&lt;div id="search_body"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-type="dijit/layout/BorderContainer"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="design:'headline', gutters:true"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp; style="width: 100%; height: 100%; margin: 0;"&gt;</SPAN><BR /><SPAN>&lt;div id="search_info"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-type="dijit/layout/ContentPane"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; data-dojo-props="region:'top'"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;div id="info"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;p&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;strong&gt; Text Search:&lt;/strong&gt; Complete one or multiple fields and press the Submit Search button to search for wells based on their attributes. Selecting LAS data will open the LAS data in a text file. The selected LAS data can be saved and downloaded by using the save page as function.</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;/p&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;/div&gt;</SPAN><BR /><SPAN>&lt;div id="image_box"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-type="dijit/layout/ContentPane"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; data-dojo-props="region:'right'"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;img src="photos/Arizona_Meridians_Labled.jpg" height="385" width="350"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="img_info"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;Map of Arizona State Meridians&lt;/p&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;</SPAN><BR /><SPAN>&lt;/div&gt;</SPAN><BR /><SPAN>&lt;div id="forum"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-type="dijit/layout/ContentPane"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp; data-dojo-props="region:'left'"&gt;</SPAN><BR /><SPAN> &lt;form action=""&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;table&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td class="label"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="apinum"&gt;API Number&lt;/label&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" name="apino" id="apinum" size="14" maxlength="14" placeholder="02-005-00000"&gt;&lt;br&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;</SPAN><BR /><SPAN>&nbsp; &lt;tr&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="button" id="executeApi" value="Search by API"/&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt;</SPAN><BR /><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;</SPAN><BR /><SPAN>&nbsp; &lt;/table&gt;</SPAN><BR /><SPAN>&nbsp; &lt;/form&gt;</SPAN><BR /><SPAN> &lt;/div&gt;</SPAN><BR /><SPAN>&lt;div id="outGrid"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; data-dojo-type="dijit/layout/ContentPane"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; data-dojo-props="region: 'bottom'" style="height: 100%;"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;table data-dojo-type="dojox.grid.DataGrid" jsid="grid" id="grid" data-dojo-props="rowsPerPage:'5', rowSelector:'20px'" style="height:100%; width:100%"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;thead&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="apino" width="auto"&gt;API No&lt;/th&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="otherid" width="auto"&gt;State Permit No&lt;/th&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="wellname" width="auto"&gt;Operator&lt;/th&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="county" width="auto"&gt;County&lt;/th&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="twp" width="auto"&gt;Township&lt;/th&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="rge" width="auto"&gt;Range&lt;/th&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="section_" width="auto"&gt;Section&lt;/th&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="drillertotaldepth" width="auto"&gt;Depth (ft)&lt;/th&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="formationtd" width="auto"&gt;Formation at Depth&lt;/th&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="folderField" width="auto" &gt;Well Folder&lt;/th&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="logField" width="auto" &gt;Scanned Well Log&lt;/th&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="lasField" width="auto" &gt;LAS Data&lt;/th&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/thead&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp; &lt;/table&gt;</SPAN><BR /><SPAN>&lt;/div&gt;</SPAN><BR /><SPAN>&lt;/div&gt;</SPAN><BR /><SPAN>&lt;/body&gt;</SPAN><BR /><SPAN>&lt;/html&gt;</SPAN><BR /><SPAN>[/HTML]</SPAN><BR /><BR /><SPAN>CSS </SPAN><BR /><PRE class="plain" name="code">head{ &nbsp;&nbsp;&nbsp; height: 100%; &nbsp;&nbsp;&nbsp; width: 100%; } body { &nbsp;&nbsp;&nbsp; background: -webkit-gradient(linear, left bottom, left top, color-stop(0.46, rgb(250, 243, 232)), color-stop(0.67, rgb(244, 226, 207)), color-stop(0.87, rgb(233, 202, 161))) no-repeat; &nbsp;&nbsp;&nbsp; background: linear-gradient(bottom, #FAF4E8 46%, #F4E3CF 67%, #E9CAA1 87%); &nbsp;&nbsp;&nbsp; background: -o-linear-gradient(bottom, #FAF4E8 46%, #F4E3CF 67%, #E9CAA1 87%); &nbsp;&nbsp;&nbsp; background: -moz-linear-gradient(bottom, #FAF4E8 46%, #F4E3CF 67%, #E9CAA1 87%); &nbsp;&nbsp;&nbsp; background: -ms-linear-gradient(bottom, #FAF4E8 46%, #F4E3CF 67%, #E9CAA1 87%); &nbsp;&nbsp;&nbsp; height: 100%; &nbsp;&nbsp;&nbsp; width: 100%; &nbsp;&nbsp;&nbsp; margin: 0; } #titleBar{ &nbsp;&nbsp;&nbsp; position:relative; &nbsp;&nbsp;&nbsp; overflow: hidden; } #titleText{ &nbsp;&nbsp;&nbsp; padding-left: 1px; &nbsp;&nbsp;&nbsp; text-align: left; &nbsp;&nbsp;&nbsp; z-index: 5; &nbsp;&nbsp;&nbsp; position: absolute; &nbsp;&nbsp;&nbsp; left: 1%; &nbsp;&nbsp;&nbsp; font-family: "Helvetica Nueue","Trebuchet MS",Arial,"Nimbus Sans L",FreeSans,sans-serif; &nbsp;&nbsp;&nbsp; font-weight: bold; &nbsp;&nbsp;&nbsp; font-size: 125%; &nbsp;&nbsp;&nbsp; overflow: inherit; } #titleImg{ &nbsp;&nbsp;&nbsp; position: absolute; &nbsp;&nbsp;&nbsp; right: 1%; &nbsp;&nbsp;&nbsp; top: 5%; &nbsp;&nbsp;&nbsp; z-index: 5; &nbsp;&nbsp;&nbsp; padding-right: 1px; &nbsp;&nbsp;&nbsp; overflow: inherit; } #navigationMenu { &nbsp;&nbsp;&nbsp; background: -webkit-gradient(linear,left bottom,left top,color-stop(0.08, #B87147),color-stop(0.54, #9B440E) ); &nbsp;&nbsp;&nbsp; background: linear-gradient(bottom, #B87047 8%, #9B440E 54%); &nbsp;&nbsp;&nbsp; background: -o-linear-gradient(bottom, #B87047 8%, #9B440E 54%); &nbsp;&nbsp;&nbsp; background: -moz-linear-gradient(bottom, #B87047 8%, #9B440E 54%); &nbsp;&nbsp;&nbsp; background: -ms-linear-gradient(bottom, #B87047 8%, #9B440E 54%); &nbsp;&nbsp;&nbsp; border: 1px gray; &nbsp;&nbsp;&nbsp; padding:1px; &nbsp;&nbsp;&nbsp; color: #feffff; &nbsp;&nbsp;&nbsp; text-align: center; &nbsp;&nbsp;&nbsp; z-index: 5; } #navigationMenu li { &nbsp;&nbsp;&nbsp; display:inline; &nbsp;&nbsp;&nbsp; padding: 25px; } .mapMenus a:link{ &nbsp;&nbsp;&nbsp; color: #feffff; &nbsp;&nbsp;&nbsp; text-decoration: none; } .mapMenus a:visited{ &nbsp;&nbsp;&nbsp; color: #feffff; &nbsp;&nbsp;&nbsp; text-decoration: none; } .mapMenus a:hover{ &nbsp;&nbsp;&nbsp; color: #feffff; &nbsp;&nbsp;&nbsp; text-decoration: underline; } .mapMenus a:active{ &nbsp;&nbsp;&nbsp; color: #feffff; &nbsp;&nbsp;&nbsp; text-decoration: none; } #search_body{ &nbsp;&nbsp;&nbsp; height: 100%; } #search_info { &nbsp;&nbsp;&nbsp; border-left:1px solid gray; &nbsp;&nbsp;&nbsp; border-right:1px solid gray; &nbsp;&nbsp;&nbsp; border-top:1px solid gray; &nbsp;&nbsp;&nbsp; border-bottom:1px solid gray; &nbsp;&nbsp;&nbsp; background: #E9CAA1; &nbsp;&nbsp;&nbsp; margin-left: 2px; &nbsp;&nbsp;&nbsp; margin-top: 2px; &nbsp;&nbsp;&nbsp; margin-right: 2px; } #image_box { &nbsp;&nbsp;&nbsp; border:1px solid gray; &nbsp;&nbsp;&nbsp; padding-right:10px; &nbsp;&nbsp;&nbsp; padding-top:10px; &nbsp;&nbsp;&nbsp; padding-left:10px; &nbsp;&nbsp;&nbsp; padding-bottom:10px; &nbsp;&nbsp;&nbsp; margin-top:2px; &nbsp;&nbsp;&nbsp; margin-right:2px; } #img_info { &nbsp;&nbsp;&nbsp; border-top:1px solid gray; &nbsp;&nbsp;&nbsp; padding-bottom:10px; &nbsp;&nbsp;&nbsp; padding-left:10px; &nbsp;&nbsp;&nbsp; padding-right:10px; &nbsp;&nbsp;&nbsp; margin-left:-10px; &nbsp;&nbsp;&nbsp; margin-right:-10px; } form table { &nbsp;&nbsp;&nbsp; border:1px solid gray; &nbsp;&nbsp;&nbsp; width: 382px; &nbsp;&nbsp;&nbsp; margin-top:2px; &nbsp;&nbsp;&nbsp; margin-left:2px; } #search_body { border:2px solid gray; &nbsp;&nbsp;&nbsp; height: 100%; } #outGrid{ &nbsp;&nbsp;&nbsp; height: 22%; &nbsp;&nbsp;&nbsp; font-size: 75%; }</PRE></BODY></HTML> Mon, 30 Sep 2013 16:45:07 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/screen-goes-blank-after-page-loads/m-p/577570#M53935 KennethRichards 2013-09-30T16:45:07Z Re: Screen goes blank after page loads https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/screen-goes-blank-after-page-loads/m-p/577571#M53936 <HTML><HEAD></HEAD><BODY><PRE class="lia-code-sample line-numbers language-none">head { &nbsp;&nbsp;&nbsp; height: 100%; &nbsp;&nbsp;&nbsp; width: 100%; }</PRE><BR /><BR /><SPAN>should be</SPAN><BR /><BR /><PRE class="lia-code-sample line-numbers language-none">html { &nbsp;&nbsp;&nbsp; height: 100%; &nbsp;&nbsp;&nbsp; width: 100%; }</PRE><BR /><BR /><SPAN>?</SPAN></BODY></HTML> Sun, 12 Dec 2021 00:50:09 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/screen-goes-blank-after-page-loads/m-p/577571#M53936 ZachLiu1 2021-12-12T00:50:09Z Re: Screen goes blank after page loads https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/screen-goes-blank-after-page-loads/m-p/577572#M53937 <HTML><HEAD></HEAD><BODY><BLOCKQUOTE class="jive-quote"><PRE class="lia-code-sample line-numbers language-none">head { &nbsp;&nbsp;&nbsp; height: 100%; &nbsp;&nbsp;&nbsp; width: 100%; }</PRE><BR /><BR />should be<BR /><BR /><PRE class="lia-code-sample line-numbers language-none">html { &nbsp;&nbsp;&nbsp; height: 100%; &nbsp;&nbsp;&nbsp; width: 100%; }</PRE><BR /><BR />?</BLOCKQUOTE><BR /><SPAN> </SPAN><BR /><SPAN>I can't believe I didn't see that. Now I just need to get the grid to not fill the whole screen. Any ideas there?</SPAN></BODY></HTML> Sun, 12 Dec 2021 00:50:11 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/screen-goes-blank-after-page-loads/m-p/577572#M53937 KennethRichards 2021-12-12T00:50:11Z Re: Screen goes blank after page loads https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/screen-goes-blank-after-page-loads/m-p/577573#M53938 <HTML><HEAD></HEAD><BODY><SPAN>We've all missed some super stupid mistakes, <span class="lia-unicode-emoji" title=":slightly_smiling_face:">🙂</span></SPAN><BR /><BR /><SPAN>to follow up, I think you have a inline style for your "outgrid"</SPAN><BR /><BR /><SPAN>style="height: 100%;"</SPAN><BR /><BR /><SPAN>is that the issue?</SPAN></BODY></HTML> Mon, 30 Sep 2013 17:14:30 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/screen-goes-blank-after-page-loads/m-p/577573#M53938 ZachLiu1 2013-09-30T17:14:30Z Re: Screen goes blank after page loads https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/screen-goes-blank-after-page-loads/m-p/577574#M53939 <HTML><HEAD></HEAD><BODY><BLOCKQUOTE class="jive-quote">We've all missed some super stupid mistakes, <span class="lia-unicode-emoji" title=":slightly_smiling_face:">🙂</span><BR /><BR />to follow up, I think you have a inline style for your "outgrid"<BR /><BR />style="height: 100%;"<BR /><BR />is that the issue?</BLOCKQUOTE><BR /><SPAN> </SPAN><BR /><SPAN>I erased that and it didn't seem to change anything. It was a good idea though.</SPAN></BODY></HTML> Mon, 30 Sep 2013 17:19:37 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/screen-goes-blank-after-page-loads/m-p/577574#M53939 KennethRichards 2013-09-30T17:19:37Z Re: Screen goes blank after page loads https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/screen-goes-blank-after-page-loads/m-p/577575#M53940 <HTML><HEAD></HEAD><BODY><SPAN>Examine your whole layout.</SPAN><BR /><BR /><SPAN>The BorderContainer takes up the whole screen with </SPAN><BR /><SPAN>width: 100%; height: 100%;</SPAN><BR /><BR /><SPAN>Each ContentPane (Top, Bottom, Left, Right) should all have its own size for the layout to work, you may be missing some.</SPAN></BODY></HTML> Mon, 30 Sep 2013 17:24:38 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/screen-goes-blank-after-page-loads/m-p/577575#M53940 ZachLiu1 2013-09-30T17:24:38Z