topic Problem with data grid/css in ArcGIS JavaScript Maps SDK Questions https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/problem-with-data-grid-css/m-p/222957#M20724 <HTML><HEAD></HEAD><BODY><SPAN>I have been trying to integrate different samples.</SPAN><BR /><SPAN>when implementing find functionality., </SPAN><BR /><SPAN>though the functionality works well., I don't see the searched items fit in the grid.</SPAN><BR /><SPAN>and i also see two checkboxes-which i haven't defined.</SPAN><BR /><SPAN>This also disturbs the format of my page</SPAN><BR /><BR /><SPAN>How do it fit this code</SPAN><BR /><PRE class="plain" name="code"> &nbsp; &lt;div dojotype="dijit.layout.BorderContainer" style="width:100%;height:100%;margin:0" design="headline" gutters="true "&gt; &nbsp;&nbsp;&nbsp; &lt;div class="details" dojotype="dijit.layout.BorderContainer" region="top" style="height:30px;"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Risk Score: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" id="searchText" value="5" /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="button" value="Find" onclick="execute(dojo.byId('searchText').value);"/&gt; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;div id="map" dojotype="dijit.layout.ContentPane" region="center" style="border:1px solid #000;"&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;div dojotype="dijit.layout.ContentPane" region="left" style="width:300px;"&gt; &nbsp;&nbsp;&nbsp; &lt;!--Refer to field by the position id, since the data doesn't have field &nbsp;&nbsp;&nbsp; names--&gt; &nbsp;&nbsp;&nbsp; &lt;table dojotype="dojox.grid.DataGrid" jsid="grid" id="grid" &gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;thead&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="0" &gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Layer Name&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/th&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="1" &gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Field Name &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/th&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="2" &gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Value &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/th&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/thead&gt; &nbsp;&nbsp;&nbsp; &lt;/table&gt; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp; &lt;/div&gt; </PRE><DIV style="display:none;"> </DIV><BR /><SPAN>with this so that i don't have format alteration</SPAN><BR /><PRE class="plain" name="code"> &lt;body class="claro"&gt; &nbsp; &nbsp; &lt;table&gt; &nbsp; &lt;tr&gt;&lt;td align="center" bgcolor="#8080FF" valign="baseline" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; colspan="2"&gt;&lt;span class="style2"&gt;&lt;strong&gt;PIMS GIS Dashboard&lt;/strong&gt;&lt;/span&gt;&lt;hr /&gt; &nbsp; &lt;/td&gt;&lt;/tr&gt; &nbsp; &lt;tr&gt; &nbsp; &lt;td class="style1"&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Attributes:&lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Area:&lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input id="Area" type="text" value="-" readonly="readonly"/&gt;&lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Risk Score: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input id="Risk_Score" type="text" readonly="readonly" /&gt;&lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Risk History:&lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input id="Risk_History" type="text" readonly="readonly" /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Search &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;table style="width:100%;"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td class="style3"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/table&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;table style="width:100%;"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input id="Radio1" checked="checked" name="Rlist" type="radio" value="V1" onclick="return Radio1_onclick()" /&gt;&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; World Imagery&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input id="Radio2" name="Rlist" type="radio" value="V1" onclick="return Radio2_onclick()" /&gt;&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; World Street&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input id="Radio3" name="Rlist" type="radio" value="V1" onclick="return Radio3_onclick()" /&gt;&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; World Topography&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/table&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt; &nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp; &lt;div id="navToolbar" data-dojo-type="dijit.Toolbar"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit.form.Button" id="zoomin"&nbsp; data-dojo-props="iconClass:'zoominIcon', onClick:function(){navToolbar.activate(esri.toolbars.Navigation.ZOOM_IN);}"&gt;Zoom In&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit.form.Button" id="zoomout" data-dojo-props="iconClass:'zoomoutIcon', onClick:function(){navToolbar.activate(esri.toolbars.Navigation.ZOOM_OUT);}"&gt;Zoom Out&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit.form.Button" id="zoomfullext" data-dojo-props="iconClass:'zoomfullextIcon', onClick:function(){navToolbar.zoomToFullExtent();}"&gt;Full Extent&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit.form.Button" id="zoomprev" data-dojo-props="iconClass:'zoomprevIcon', onClick:function(){navToolbar.zoomToPrevExtent();}"&gt;Prev Extent&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit.form.Button" id="zoomnext" data-dojo-props="iconClass:'zoomnextIcon', onClick:function(){navToolbar.zoomToNextExtent();}"&gt;Next Extent&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit.form.Button" id="pan" data-dojo-props="iconClass:'panIcon', onClick:function(){navToolbar.activate(esri.toolbars.Navigation.PAN);}"&gt;Pan&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit.form.Button" id="deactivate" data-dojo-props="iconClass:'deactivateIcon' ,onClick:function(){navToolbar.deactivate();}"&gt;Deactivate&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div dojotype="dijit.layout.BorderContainer" region="top" style="height:30px;"&gt;Search Risk Score:&lt;input type="text" id="searchText" value="5" /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="button" value="Find" onclick="execute(dojo.byId('searchText').value);"/&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="map" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'" style="width:1024px; height:512px; border:1px solid #000;"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt; &nbsp;&nbsp;&nbsp; &lt;/tr&gt; &nbsp;&nbsp;&nbsp; &lt;/table&gt; &nbsp;&nbsp;&nbsp; &nbsp; &lt;/body&gt; &lt;/html&gt; </PRE><DIV style="display:none;"> </DIV></BODY></HTML> Wed, 06 Jun 2012 09:14:19 GMT PramodHarithsa1 2012-06-06T09:14:19Z Problem with data grid/css https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/problem-with-data-grid-css/m-p/222957#M20724 <HTML><HEAD></HEAD><BODY><SPAN>I have been trying to integrate different samples.</SPAN><BR /><SPAN>when implementing find functionality., </SPAN><BR /><SPAN>though the functionality works well., I don't see the searched items fit in the grid.</SPAN><BR /><SPAN>and i also see two checkboxes-which i haven't defined.</SPAN><BR /><SPAN>This also disturbs the format of my page</SPAN><BR /><BR /><SPAN>How do it fit this code</SPAN><BR /><PRE class="plain" name="code"> &nbsp; &lt;div dojotype="dijit.layout.BorderContainer" style="width:100%;height:100%;margin:0" design="headline" gutters="true "&gt; &nbsp;&nbsp;&nbsp; &lt;div class="details" dojotype="dijit.layout.BorderContainer" region="top" style="height:30px;"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Risk Score: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" id="searchText" value="5" /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="button" value="Find" onclick="execute(dojo.byId('searchText').value);"/&gt; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;div id="map" dojotype="dijit.layout.ContentPane" region="center" style="border:1px solid #000;"&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;div dojotype="dijit.layout.ContentPane" region="left" style="width:300px;"&gt; &nbsp;&nbsp;&nbsp; &lt;!--Refer to field by the position id, since the data doesn't have field &nbsp;&nbsp;&nbsp; names--&gt; &nbsp;&nbsp;&nbsp; &lt;table dojotype="dojox.grid.DataGrid" jsid="grid" id="grid" &gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;thead&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="0" &gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Layer Name&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/th&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="1" &gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Field Name &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/th&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th field="2" &gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Value &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/th&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/thead&gt; &nbsp;&nbsp;&nbsp; &lt;/table&gt; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp; &lt;/div&gt; </PRE><DIV style="display:none;"> </DIV><BR /><SPAN>with this so that i don't have format alteration</SPAN><BR /><PRE class="plain" name="code"> &lt;body class="claro"&gt; &nbsp; &nbsp; &lt;table&gt; &nbsp; &lt;tr&gt;&lt;td align="center" bgcolor="#8080FF" valign="baseline" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; colspan="2"&gt;&lt;span class="style2"&gt;&lt;strong&gt;PIMS GIS Dashboard&lt;/strong&gt;&lt;/span&gt;&lt;hr /&gt; &nbsp; &lt;/td&gt;&lt;/tr&gt; &nbsp; &lt;tr&gt; &nbsp; &lt;td class="style1"&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Attributes:&lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Area:&lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input id="Area" type="text" value="-" readonly="readonly"/&gt;&lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Risk Score: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input id="Risk_Score" type="text" readonly="readonly" /&gt;&lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Risk History:&lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input id="Risk_History" type="text" readonly="readonly" /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Search &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;table style="width:100%;"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td class="style3"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/table&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;table style="width:100%;"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input id="Radio1" checked="checked" name="Rlist" type="radio" value="V1" onclick="return Radio1_onclick()" /&gt;&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; World Imagery&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input id="Radio2" name="Rlist" type="radio" value="V1" onclick="return Radio2_onclick()" /&gt;&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; World Street&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input id="Radio3" name="Rlist" type="radio" value="V1" onclick="return Radio3_onclick()" /&gt;&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; World Topography&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;/td&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/table&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;br /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt; &nbsp; &lt;td&gt; &nbsp;&nbsp;&nbsp; &lt;div id="navToolbar" data-dojo-type="dijit.Toolbar"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit.form.Button" id="zoomin"&nbsp; data-dojo-props="iconClass:'zoominIcon', onClick:function(){navToolbar.activate(esri.toolbars.Navigation.ZOOM_IN);}"&gt;Zoom In&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit.form.Button" id="zoomout" data-dojo-props="iconClass:'zoomoutIcon', onClick:function(){navToolbar.activate(esri.toolbars.Navigation.ZOOM_OUT);}"&gt;Zoom Out&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit.form.Button" id="zoomfullext" data-dojo-props="iconClass:'zoomfullextIcon', onClick:function(){navToolbar.zoomToFullExtent();}"&gt;Full Extent&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit.form.Button" id="zoomprev" data-dojo-props="iconClass:'zoomprevIcon', onClick:function(){navToolbar.zoomToPrevExtent();}"&gt;Prev Extent&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit.form.Button" id="zoomnext" data-dojo-props="iconClass:'zoomnextIcon', onClick:function(){navToolbar.zoomToNextExtent();}"&gt;Next Extent&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit.form.Button" id="pan" data-dojo-props="iconClass:'panIcon', onClick:function(){navToolbar.activate(esri.toolbars.Navigation.PAN);}"&gt;Pan&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div data-dojo-type="dijit.form.Button" id="deactivate" data-dojo-props="iconClass:'deactivateIcon' ,onClick:function(){navToolbar.deactivate();}"&gt;Deactivate&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div dojotype="dijit.layout.BorderContainer" region="top" style="height:30px;"&gt;Search Risk Score:&lt;input type="text" id="searchText" value="5" /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="button" value="Find" onclick="execute(dojo.byId('searchText').value);"/&gt;&lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="map" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'" style="width:1024px; height:512px; border:1px solid #000;"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td&gt; &nbsp;&nbsp;&nbsp; &lt;/tr&gt; &nbsp;&nbsp;&nbsp; &lt;/table&gt; &nbsp;&nbsp;&nbsp; &nbsp; &lt;/body&gt; &lt;/html&gt; </PRE><DIV style="display:none;"> </DIV></BODY></HTML> Wed, 06 Jun 2012 09:14:19 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/problem-with-data-grid-css/m-p/222957#M20724 PramodHarithsa1 2012-06-06T09:14:19Z Re: Problem with data grid/css https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/problem-with-data-grid-css/m-p/222958#M20725 <HTML><HEAD></HEAD><BODY><SPAN>Dear&nbsp; pramodharithsa�??,</SPAN><BR /><BR /><SPAN>Can you please post complete code.This type of problems may rise due to improper styling of dojo elements.</SPAN><BR /><BR /><SPAN>some time may rise due to not writing bellow 2 lines</SPAN><BR /><BR /><SPAN><SPAN>&lt;link rel="stylesheet" type="text/css" href="</SPAN><A class="jive-link-external-small" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/dojo/dojox/grid/resources/Grid.css" rel="nofollow" target="_blank">http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/dojo/dojox/grid/resources/Grid.css</A><SPAN>"&gt;</SPAN></SPAN><BR /><SPAN><SPAN>&nbsp;&nbsp;&nbsp; &lt;link rel="stylesheet" type="text/css" href="</SPAN><A class="jive-link-external-small" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/dojo/dojox/grid/resources/claroGrid.css" rel="nofollow" target="_blank">http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/dojo/dojox/grid/resources/claroGrid.css</A><SPAN>"&gt;</SPAN></SPAN></BODY></HTML> Wed, 06 Jun 2012 12:29:18 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/problem-with-data-grid-css/m-p/222958#M20725 SrikanthNarra 2012-06-06T12:29:18Z Re: Problem with data grid/css https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/problem-with-data-grid-css/m-p/222959#M20726 <HTML><HEAD></HEAD><BODY><BLOCKQUOTE class="jive-quote">Dear&nbsp; pramodharithsa�??,<BR /><BR />Can you please post complete code.This type of problems may rise due to improper styling of dojo elements.<BR /><BR />some time may rise due to not writing bellow 2 lines<BR /><BR />&lt;link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/dojo/dojox/grid/resources/Grid.css"&gt;<BR />&nbsp;&nbsp;&nbsp; &lt;link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/dojo/dojox/grid/resources/claroGrid.css"&gt;</BLOCKQUOTE><BR /><SPAN> </SPAN><BR /><SPAN>I thought of the same..</SPAN><BR /><SPAN>I have both lines in my code.. The problem now is the grid doesn't populate the actual result but instead populates what i enter in search box</SPAN></BODY></HTML> Wed, 06 Jun 2012 13:07:55 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/problem-with-data-grid-css/m-p/222959#M20726 PramodHarithsa1 2012-06-06T13:07:55Z