briandr

Placing the Navigation Toolbar inside a DIV seems to cause problems

Discussion created by briandr on Jul 19, 2011
Latest reply on Jul 19, 2011 by DSwingley-esristaff
I noticed that if we put a Javascript Navigation Toolbar dojo object inside a div then this messes up the mouse interaction with the Map. For example if you if use the  zoom in functionality the drag box is drawn away from where the mouse is clicked on the map. Is there a way to fix this.
For Example in the snippet below the div corresponding to the Nav toolbar is inside another div with id ???dlgMap???. In this case the drag box does not show up in the correct location when the user uses the zoom in tool on the Map.



<div id="dlgMap" title="Map Window">
        <div id="navToolbar" dojotype="dijit.Toolbar">
            <div dojotype="dijit.form.Button" id="zoomin" iconclass="zoominIcon"                 
                onclick="Globals.NavToolbar.activate(esri.toolbars.Navigation.ZOOM_IN);">
                Zoom In</div>
           
        </div>
        <div id="MapOne">
        </div>
        <asp:Button ID="btnClose" UseSubmitBehavior="false" runat="server" Text="Close" />
</div>


Is there a better way to do this that will not cause problems?


Thanks
Brian

Outcomes