topic Re: Tooltips for navigation toolbar in ArcGIS JavaScript Maps SDK Questions

Tooltips for navigation toolbar

AllisonAnderson — Wed, 05 Jun 2013 19:58:18 GMT

Is there any way to customize tooltips for the Navigation Toolbar? You can for the Draw toolbar per this thread: http://forums.arcgis.com/threads/79780-change-draw-toolbar-tooltip-text-bad-documentation?highlight=tooltip

And I saw the thread for customizing a general tooltip here: http://forums.arcgis.com/threads/51063-Customise-cursor-tooltip

But I'd really like to be able to customize tooltips for the various tools on the Nav toolbar. Any ideas on the best way to go about it?

Re: Tooltips for navigation toolbar

DavideLimosani — Sat, 11 Dec 2021 16:18:11 GMT

Is there any way to customize tooltips for the Navigation Toolbar? You can for the Draw toolbar per this thread: http://forums.arcgis.com/threads/79780-change-draw-toolbar-tooltip-text-bad-documentation?highlight=tooltip

And I saw the thread for customizing a general tooltip here: http://forums.arcgis.com/threads/51063-Customise-cursor-tooltip

But I'd really like to be able to customize tooltips for the various tools on the Nav toolbar. Any ideas on the best way to go about it?

strarting from this sample

http://developers.arcgis.com/en/javascript/samples/toolbar_navigation/

you can add tooltips to the navigation toolbar using dijit.Tooltip

require(["dijit/Tooltip", "dojo/domReady!"], function(Tooltip){

      new Tooltip({
        connectId:["zoomin"],
        label:"Zoom in"
    });

   new Tooltip({
        connectId:["zoomout"],
        label:"Zoom out"
    });
});

source http://dojotoolkit.org/reference-guide/1.9/dijit/Tooltip.html

Re: Tooltips for navigation toolbar

AllisonAnderson — Thu, 06 Jun 2013 17:20:16 GMT

Thanks, I had looked at the dijit documentation, but it doesn't really do what I wanted. I really want a tooltip that follows the cursor, similar to the draw toolbar tools. I'll keep playing around with Derek's code sample in the link I posted.

Re: Tooltips for navigation toolbar

KenBuja — Fri, 07 Jun 2013 00:46:13 GMT

Take a look at this post. Does that example do what you're looking for?

Re: Tooltips for navigation toolbar

AllisonAnderson — Fri, 07 Jun 2013 17:30:44 GMT

Thanks Ken, but I'm not sure that helps. The Draw toolbar has tooltips built in which you can customize, but there aren't any with the Navigation toolbar. Unless I'm missing something. I'm building a map for non-GIS map people, so to have a little descriptor would be nice.

Re: Tooltips for navigation toolbar

VinayBansal — Tue, 11 Jun 2013 11:04:28 GMT

Yes, you are right ..you cannot add tooltip to navigation toolbar as it is not built in. In order to achieve that you need to build of your own. And since you need tooltip for navigation tool, i think there are only 2 tools for which you need tooltip (ZOOMIN and ZOOMOUT). Since only these 2 tools draw graphics on map. So you can use the capabilities of Draw Toolbar to build these 2 tools, and keep the rest same.

Re: Tooltips for navigation toolbar

GeoffreyJoseph1 — Sat, 11 Dec 2021 16:18:13 GMT

I ran into the same problem, here is what I did... I noticed the added class names, esriSimpleSliderIncrementButton and esriSimpleSliderDecrementButton by the widget, but alas no id attribute. Note, this example only shows the requires I used for the tooltips. There may be an easier way, I am very new to dojo, but it works.

require(["dojo/dom-attr","dojo/query"], function(domAttr,djQuery){

   navToolbar = new Navigation(map);
   // I put this after I initialized the toolbar
     
   var zoomInDiv = djQuery(".esriSimpleSliderIncrementButton");
   domAttr.set(zoomInDiv[0],"title","Zoom in");
     
   var zoomOutDiv = djQuery(".esriSimpleSliderDecrementButton");
   domAttr.set(zoomOutDiv[0],"title","Zoom out");

});