Solved

How to display an icon when hovering on a shape in Lucid

Forum|Forum|3 years ago
April 12, 2023
9 replies
2512 views

Hi I am trying to display some information when someone hovers their mouse over the shape.

I see there is add notes but that isn't a good customer experience for them to click and view the message as I have lot of shapes which need to have tooltip

Best answer by Leianne C

Hi @Romuel, thanks for commenting! You can find this option when selecting "Icons" or “Dynamic Shapes” when creating a rule. To add the hover text, toggle ‘Custom Hover Text’ on and add the required text or formula.

This will then display when you hover your cursor over the added icon or dynamic shape. Here’s an example screenshot demonstrating this:

I hope this helps! Feel free to let me know if you have any questions :)

Leianne C

Lucid support team

Hi @sashi.vakiti thanks for posting in the community! It is possible to create custom hover over text using our Conditional Formatting feature in Lucidchart. For detailed steps on how to achieve this I recommend taking a look at this Community post.

I hope this helps. Feel free to let me know if this isn't what you are looking for or if you have any additional questions!

V

Vladimir R

@Leianne C, links in the answer are broken.

Leianne C

Lucid support team

Hi @Vladimir R, thanks for flagging that! I’ve gone ahead and updated the links to the correct ones so they should be working now! Please feel free to let us know if you have any questions. Cheers!

R

Romuel

@Leianne C

I don’t see anything in conditional formatting that says “On hover”. Maybe I missed it?

Leianne CAnswer

Lucid support team

Hi @Romuel, thanks for commenting! You can find this option when selecting "Icons" or “Dynamic Shapes” when creating a rule. To add the hover text, toggle ‘Custom Hover Text’ on and add the required text or formula.

This will then display when you hover your cursor over the added icon or dynamic shape. Here’s an example screenshot demonstrating this:

I hope this helps! Feel free to let me know if you have any questions :)

R

Romuel

@Leianne C

Thanks for the explanation. I’ve added it to my mindmap and it works.

However, most things in Lucidchart are very easy to do, and doing it this way isn’t so simple, so it would be even better if there were an option for Notes to appear on hover. 🙂

Leianne C

Lucid support team

Hi @Romuel, thanks for the update! I’m glad to hear you were able to get the conditional formatting working and appreciate the feedback.

Although this doesn’t appear on hover, it’s possible to add notes to individual shapes in Lucidchart and Lucidspark by right-clicking the shape and selecting ‘Add Note’ from the menu. This will add a note icon next to the shape and you can quickly view it by clicking the icon:

That said, I can certainly see how the option for notes to appear on hover would be helpful. If you’d like to see this option in Lucid, we encourage you to share your idea and request in the Product Feedback section of this community.

When submitting an idea, be sure to include details about your use case or what you’d like to see in this experience. This will also allow other users with similar requests to discover and upvote it, then add details of their own.

Finally, for more information on how Lucid manages feedback via this community, take a look at this post:

We appreciate your willingness to provide your requests and feedback in the Lucid Community! Please feel free to let me know if you have any questions.

G

gtaylordtphx

Hi there. Is there a maximum number of characters that can be used in a Custom hover text box?

Leianne C

Lucid support team

Hi @gtaylordtphx, thank you for continuing this thread! While there isn’t a maximum number of characters that can be used in a Custom hover text box, only the first ~50 words will display in the hover. See example using Lorem ipsum dummy text below:

I hope this helps! Feel free to let me know if you have any additional questions :)

Create an account in the community

Log in to the community