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

Encuentra más publicaciones etiquetadas con

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]

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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