Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

how can make a custom tooltip, or add html like material 1? #3676

Closed
erickconcepcion opened this issue Mar 19, 2017 · 5 comments
Closed

how can make a custom tooltip, or add html like material 1? #3676

erickconcepcion opened this issue Mar 19, 2017 · 5 comments

Comments

@erickconcepcion
Copy link

erickconcepcion commented Mar 19, 2017

What is the expected behavior?

mdTooltip="<div><h1>Tooltip!</h1><p>this is a tooltip</p></div>"

Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: https://plnkr.co/edit/p92gukV0WWFhzyknIJGi?p=preview

@jelbourn
Copy link
Member

Please keep GitHub issues for bug reports / feature requests. Better avenues for troubleshooting / questions are stack overflow, gitter, mailing list, etc.

@moravcik
Copy link

moravcik commented May 12, 2017

I would say it is a feature request, to support html inside the mdTooltip. I haven't found anything (Angular Material2) related on stackoverflow and actually I also need it.

As I can see in the source code, tooltip message is included as plain text, so no html or other tags are not supported now.

How about to support nested tags for tooltip with usage of <ng-content> ?

@edgrosso
Copy link

bump

@mprinc
Copy link

mprinc commented Nov 29, 2018

What is the expected behavior?

mdTooltip="<div><h1>Tooltip!</h1><p>this is a tooltip</p></div>"

Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: https://plnkr.co/edit/p92gukV0WWFhzyknIJGi?p=preview

What you are looking for is a popover.

More hints here: #2691

and some solutions are here
https://github.com/mseemann/angular2-mdl-ext#readme
https://github.com/material-extended/mde#readme

@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 10, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
5 participants