[Resolved] Is there a way to display a Custom Field in a Tooltip?

[Author]

Posts

[Furlan]

Hi,

I found this solution to create Bootstrap Tooltip in Toolset Types:
https://toolset.com/forums/topic/bootstrap-tooltip-with-toolset-maps/

I am trying to use the same function to display a Custom Field in a view using this code:

<a href="#" data-toggle="tooltip" data-placement="top" title='[types field="role-description" id="$role"][/types]'>[types field="role-picture" id="$role"][/types]</a>

But it displays inconsistent results in the front-end. Is there another solution, maybe you know a better approach?

[Nigel]

Hi Juan Manuel

What do you mean by inconsistent results?

I just tried this according to the Bootstrap documentation for Tooltips (hidden link) and it worked as expected.

See the screenshot for my View Loop Output, and the custom JS required to initialise the tooltips.

Either your theme or Toolset needs to load Bootstrap. Check Toolset > Settings to confirm.

[Furlan]

Hi Nigel,

For some reason tooltip text is not displayed properly. Maybe it could be caused by the plugin that I use for display the view in a popup window.

The current result is in the attached file.

Thanks.

[Nigel]

Yes, that sounds like the problem, because it works in a normal View.

Try changing the markup so that instead of using Types fields in the tooltip you display just static text, e.g. "some test text".

Do the tooltips work correctly then?

[Furlan]

Indeed when a static text is displayed, no problem occurs and it works perfectly.
The problem here is that the tooltip text is not static, it may change depending on the information in the view.
That's why I am trying to insert the value of the Custom Field in the Tooltip Text.

Thanks.

[Nigel]

Yes, well it works fine in a normal View, so I will need to know more about the View you have a problem with.

Perhaps I should look at it on your site.

I will mark your next reply as private so that I can get log-in credentials from you—you may want to create a temporary admin user for me to use that you can later delete. And be sure to have a current backup of your site, even though I don't intend to break anything.

Can you also confirm which View we are talking about, and whatever I need to know about how you are displaying that View.

[Nigel]

Hi Juan Manuel

Yes, that's pretty complicated.

I managed to understand your set up and do some testing and I think the problem is that you are using a Types field for the title attribute which includes HTML and is not simple text, so it breaks the page markup.

If you abstract away from your complicated set up and simply tried to create a tooltip on a standalone page generating the title attribute using the same Types shortcode but setting a specific post (e.g. id="125") you will find it won't work.

You need to use a simple multiline text field for the description, not a WYSIWYG field.

[Furlan]

Hi Nigel,

The problem was exactly as you described it. Using a text field instead of WYSIWYG field fixed the problem. Thank you very much for your time and help.

Best Regards.