Template support for Tooltip

[tbetous]

[x] bug report
[x] feature request 
[ ] support request 

I am currently using pTooltip and before that I used tooltip from ngx-bootstrap. I used to make templates and used them in my tooltip like this :

<i class="fa fa-circle text-default" aria-hidden="true" [pTooltip]="defaultTooltip" tooltipPosition="top">
<ng-template #defaultTooltip>
    Something to display
</template>

Here it displays [Object object]. I wonder if it is possible to display what is actually inside my template.

[cagataycivici]

This is not supported, changing the title according to it.

[MrBlaise]

I would love this feature as well.

[pabloaccorinti]

+1

[djagielo]

+1

[madvlad]

+1

[madvlad]

+1

[danailvidev]

+1

[speti43]

Set escape to false, and it will render html:
<div pTooltip="Some text <br> next line" tooltipPosition="top" [escape]="false"></div>

Docs:
http://primefaces.org/primeng/#/tooltip

[KevinHetzelGFL]

+1

[FabienDehopre]

Set escape to false, and it will render html:
<div pTooltip="Some text <br> next line" tooltipPosition="top" [escape]="false"></div>

Docs:
http://primefaces.org/primeng/#/tooltip

This won't work if your tooltip contains an *ngIf or *ngFor. It would be great if pTooltip can accept a template reference.

[noamyg]

+1

[eXpertise7]

@speti43 it does work, what you have written, but it won't apply css class next to HTML element

PrimeNG please consider doing it in the future

[Ccappuccino]

+1

[yokrysty]

+1

[Silvest89]

+1

[ThoSap]

+1

[mertsincan]

Hi,

So sorry for the delayed response! Improvements have been made to many components recently, both in terms of performance and enhancement. Therefore, this improvement may have been developed in another issue ticket without realizing it. You can check this in the documentation. If there is no improvement on this, can you reopen the issue so we can include it in our roadmap?
Please don't forget to add your feedback as a comment after reopening the issue. These will be taken into account by us and will contribute to the development of this feature. Thanks a lot for your understanding!

Best Regards,

[stephanebouget]

Hi,
just tested on fresh 14.2.2 release
The enhancement has not been made.

We need to add dynamic components into the ptooltip component.
With the "escape" parameter to false, basic html is just transcribed.

For instance, in my case, i need to add a custom component into the tooltip, like that :

but it's just "pasted" into the tooltip.

@mertsincan is it possible to reopen the issue ?

[ThoSap]

+1

[stephanie-dm]

I used the overlayPanel component as an alternative for pTooltip and it does have template support.

[JacobSiegle]

Trying to port from https://ng-bootstrap.github.io/#/components/tooltip/api and the template support is def a nice feature to have

[kyjus25]

PR Updated and ready to merge!