nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Tool tips on buttons?

ipeebles

I have a navigation toolbar set up that contains icons over buttons. Is there a simple way to incorporate tooltips on when I do a mouse hover over the button? Any feedback would greatly be appreciated. Here is what my toolbar looks like:

[ATTACH=CONFIG]27754[/ATTACH]

NavigationToolbar.jpg

Find more posts tagged with

Accepted answers

ipeebles

Thanks for the responses. I had actually figured it out, but couldn't delete the thread in time. The thing that worked for me was:
title="Zoom In" within the DIV and that was it. When hovering over the icon, a tooltip shows up.

All comments

JonathanUihlein

Glad the issue was resolved and thank you for posting your solution.

Make sure you mark this thread as 'answered' to help future users of this forum.

ipeebles

kenbuja

Duplicate answer

BenFousek

They look like dojo buttons. If they are, you can get html style tooltips by setting the title parameter.

new Button({
  label: 'My Button',
  title: 'Click this button to do something cool',
  iconClass: 'iconCool',
  onClick: function () {
    
  }
})

[HTML]
<div data-dojo-type="dijit/form/Button" data-dojo-props="label: 'My Button', title: 'Click this button to do something cool', iconClass: 'iconCool', onClick: function () { }"></div>[/HTML]

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.