Thanks Kelly et al-
I ended up borrowing the home_locate.png from arcgis online at
http://cdn.arcgis.com/cdn/4922/js/esri/arcgisonline/map/css/images/home_locate.png
Then, I just created a simple on load function and added Robert's code:
//on function for home button slider
mapMain.on("load", addHomeSlider);
function addHomeSlider() {
//let's add the home button slider as a created class, requrires dom-Attr
dojo.create("div", {
className: "esriSimpleSliderHomeButton",
title: 'Zoom to Full Extent',
onclick: function () {
if (extentInitial === undefined) {
extentInitial = mapMain.extent;
}
mapMain.setExtent(extentInitial);
}
}, dojo.query(".esriSimpleSliderIncrementButton")[0], "after");
}
Since I'm not utilizing a progress bar for this app, I excluded
the code for displaying the status bar message. I then modified the css:
.esriSimpleSliderHomeButton {
border-bottom: 1px solid #666666;
background: url(../css/home_locate.png);
background-repeat: no-repeat;
}
.esriSimpleSliderHomeButton:hover {
background-color: rgb(102, 102, 102);
background-color: rgba(102, 102, 102, 0.9);
}
Which produced this nice clean look: