How to apply an offset to scalebar dijit?

Question

Can someone help me to apply an offset to the scalebar dijit? In my application, due to multiple panes and interactivity, the "attachTo:" property alone does not work for me.var scalebar = new esri.dijit.Scalebar({
                    map: map,
                    attachTo:"top-right",
                    scalebarUnit: "english"
                });

ZachLiu1 · Answer

I used this selector and it works fine for me.

.scalebar_top-right {
    top: **px;
    right: **px !important;
}

BarryGuidry · Answer

Like Diana mentioned, actually you can change the position or other styles of any dijits through your own CSS. The easiest way would be find the correct selectors through browser developer tools and then override the native styles.

Thanks, Zach. I couldn't get that to work though. What I did, though, is simply move my scalebar to the top-right, and shortened the width of the navtoolbar, which now makes the scalebar appear to only be over the map.

ZachLiu1 · Answer

Like Diana mentioned, actually you can change the position or other styles of any dijits through your own CSS. The easiest way would be find the correct selectors through browser developer tools and then override the native styles.