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

MainPage.xaml.zip

Smart mapping spike theme.png

Encontre mais publicações marcadas com

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]

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

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