CAnnot get HomeButton to appear

[Anonymous User]

Original User: mmestrov

I'm trying to add a home button to my web site. I follow the example on the developer site, but no button shows up.  Looking for some help in what I'm doing wrong.

Thanks

Code is attached.

[Anonymous User]

Original User: craygo

From what I can see, your homebutton div is inside the map div which will put it behind your map. 2 things you can do, move it outside the map div or add a z-index to bring it to the top.

Option 1
[HTML]
        <div id="HomeButton"></div>
        <div data-dojo-type="dijit/layout/ContentPane" id="map" class="map"
            data-dojo-props="region:'center'" style="border: medium solid #808080">
            <!-- Bookmarks widget inside a Drop Down Button -->
            <div id="bookmarks-wrapper">
                <div data-dojo-type="dijit.form.DropDownButton">
                    <span>Fire Districts</span>
                    <div data-dojo-type="dijit.TooltipDialog">
                        <div id="bookmarksFire"></div>
                    </div>
                </div>
            </div>
        </div>
[/HTML]
Option 2
[HTML]
        <div data-dojo-type="dijit/layout/ContentPane" id="map" class="map"
            data-dojo-props="region:'center'" style="border: medium solid #808080">
            <div id="HomeButton" style="z-index:9999;"></div>
            <!-- Bookmarks widget inside a Drop Down Button -->
            <div id="bookmarks-wrapper">
                <div data-dojo-type="dijit.form.DropDownButton">
                    <span>Fire Districts</span>
                    <div data-dojo-type="dijit.TooltipDialog">
                        <div id="bookmarksFire"></div>
                    </div>
                </div>
            </div>
        </div>
[/HTML]

Try that

Ray