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

タグ付けされた投稿をもっと見る

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]

会話に参加する

サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか？無料アカウントを登録してください。

クイックリンク

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