Show text on hover on photo

Questions
1

I have a repeating group which shows only photo thumbnails, but i want the names to appear when a picture is hovered over.

How would i do it?
And whats the alternative method on a mobile device where there’s no mouse to hover?

2

There’s a tooltip text property for the image element (Appearance tab of the property editor). For mobile, the only thing I can think of is to show a tiny icon of some sort and then use a group focus element.

1 Like
3

but i want to include not just text, also some options, like edit, view, is it possible?

4

Try placing a group on the image, put your texts (edit, view etc) in the group, make the group invisible by default and set a condition for it to show when the image is hovered.

1 Like
5

Yep, it is possible.

  • You just need to create a Group call it tooltip.
  • In that group, you can add in text, Links to other pages, button etc.
  • Size it as you need it.
  • Put in a background solid colour in the group (maybe flat white to start with while you get to know how it works)
  • Select the condition for the group.
  • And set the condition When ‘Image A’ (name of image element) is hovered and set the property to Visible.
  • Now go back to the appearance window and unselect visible when loaded.

54 am
54 am1066×686 85.4 KB

And test.

This will give you a more customisable hover tooltip.

However, if you need it to stay to do some kind of action you can do the same with workflow, following the same kind of process but using the show and hide options on an element. So show when the image is clicked and hide maybe after some action on the group.

There are lots of things you can do with the show and hide options and pass data to the group, it’s just a matter of trying different things. You can also combine the two using both conditions and workflow, maybe to show the tooltip and a close click action to close it.

3 Likes