Tooltip Display Content

This topic has 3 replies, 2 voices, and was last updated 3 years, 6 months ago by @mindspark.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
August 19, 2020 at 9:44 PM #21351

@mindspark
Participant

Hi Metabox!

Right now, when I add a tooltip attribute to a field, the text is displayed as expected. But I would like to add an image or a video URL in the tooltip.

Is there a way to override the field display properties? I think it is set to only accept text characters... but what about HTML?

Thanks!

Add New Note to this Reply

August 19, 2020 at 10:02 PM #21354
@mindspark
Participant
I figured it out! For others looking for the answer, see below:

In order to allow a tooltip to accept HTML, do this -
1. Go to Custom Attributes and create a new Tooltip
Field > Custom Attributes

Key = tooltip
Value = Tooltip text. <add your HTML>
1. Then add a new custom attribute below the first tooltip attribute like this
Key = allow_html
Value = true

By adding the second attribute for "allow_html = true" then Tooltips will now accept HTML.

Add New Note to this Reply
August 19, 2020 at 10:19 PM #21355
Long Nguyen
Moderator
Hi,

The extension Meta Box Tooltip v1.1.3 supports to show the HTML code in the content.
```
array(
    'id' => 'name',
    'type' => 'text',
    'name' => 'Name',
    'tooltip' => array(
        'icon'     => 'help',
        'content'  => '<img src="https://homepages.cae.wisc.edu/~ece533/images/airplane.png" alt="image alt" width="100px" height="100px">',
        'position' => 'top',
    ),
),
```
For more information, please follow this documentation https://docs.metabox.io/extensions/meta-box-tooltip/.

Add New Note to this Reply
May 13, 2021 at 7:22 PM #28161

@mindspark
Participant

thank you!

Add New Note to this Reply
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.