Background not showing in InfoWindow

MichaelRollins · ‎10-04-2010

Any special includes I need for making the background of an InfoWindow show?

Attached is an image.

Here is the initial calling index.html. Doing a lot of heavy ExtJS work.

[php]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.1/js/dojo/dijit/themes/claro/claro.css"/>

    <style type="text/css">
      @import "http://serverapi.arcgisonline.com/jsapi/arcgis/2.1/js/dojo/dojox/layout/resources/FloatingPane.css";
      @import "http://serverapi.arcgisonline.com/jsapi/arcgis/2.1/js/dojo/dojox/layout/resources/ResizeHandle.css";
      @import "http://serverapi.arcgisonline.com/jsapi/arcgis/2.1/js/dojo/dojox/image/resources/image.css";
      .dj_ie .infowindow .window .top .right .user .content { position: relative; }
      .dj_ie .simpleInfoWindow .content {position: relative;}
    </style>

    <style>
      /* NOTE: for a full screen layout, must set body size equal to the viewport. */
      html, body, #main { height: 100%; width: 100%; margin: 0; padding: 0; }
    </style>

    <link rel="stylesheet" type="text/css" href="../static/ext-3.2.1/resources/css/ext-all.css"/>
    <script type="text/javascript" src="../static/ext-3.2.1/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="../static/ext-3.2.1/ext-all-debug.js"></script>
    <script type='text/javascript' src='./extensions/miframe-debug.js'></script>

    <script type="text/javascript">djConfig = { parseOnLoad: true };</script>
    <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.1"></script>
    <script type='text/javascript' src='./org.casm.map/EditorMapPanel.ui.js'></script>
    <script type='text/javascript' src='./org.casm.map/EditorMapPanel.js'></script>
    <script type='text/javascript' src='./ui/MainPanel.ui.js'></script>
    <script type='text/javascript' src='./ui/MainPanel.js'></script>
    <script type='text/javascript' src='./csa.js'></script>
    <script type='text/javascript' src='./extensions.js'></script>


</head>
<body>
<div id='mapbody'></div>
<div id='mapdiv'></div>
</body>
</html>
[/php]

KellyHutchins · ‎10-05-2010

You need to add the class="claro" to the body tag.

<body class="claro" style="font-family: Arial Unicode MS,Arial,sans-serif; padding: 10px;">

However you might want to look into use the compact build instead since you are working with ExtJS.
http://help.arcgis.com/EN/webapi/javascript/arcgis/help/jshelp_start.htm#jshelp/inside_compactbuild....