How to get the Home button between the two default zoom sliders?

AlexGole

Hi all,

I am trying to insert vertically the home button in between the zoom sliders ( + and  -). How can I achieve that?

Thank you,

Alex

RobertScheitlin__GISP

Alex,

  I do this in my maploadhandler function:

                initialExtent = map.extent;
                dojo.create("div", {
                    className: "esriSimpleSliderHomeButton",
                    title: 'Zoom to Full Extent',
                    onclick: function () {
                        if (initialExtent === undefined) {
                            initialExtent = map.extent;
                        }
                        map.setExtent(initialExtent);
                    }
                }, dojo.query(".esriSimpleSliderIncrementButton")[0], "after");

                //get rid of the javascript:void(0) statusbar message.
                domAttr.remove(dojo.query(".action.zoomTo", map.infoWindow.domNode)[0], 'href');
                domAttr.set(dojo.query(".action.zoomTo", map.infoWindow.domNode)[0], 'style', 'cursor:pointer;');

And the css:

.esriSimpleSliderHomeButton {
    border-bottom: 2px solid #666666;
    background-image: url(../images/zoomExtent.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.esriSimpleSliderHomeButton:hover {
    background-color: rgb(102, 102, 102);
    background-color: rgba(102, 102, 102, 0.9);
}