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

ToolTip for Tab-Panel #2262

Closed
karthiks3000 opened this issue Mar 9, 2017 · 7 comments
Closed

ToolTip for Tab-Panel #2262

karthiks3000 opened this issue Mar 9, 2017 · 7 comments
Assignees
Labels
Type: New Feature Issue contains a new feature or new component request
Milestone

Comments

@karthiks3000
Copy link

karthiks3000 commented Mar 9, 2017

I'm submitting a ... (check one with "x")

[X ] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primeng/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=35

Current behavior

Tool tip on a tab panel does not work

<p-tabPanel header="Vendors" leftIcon="fa-youtube" pTooltip="Tooltip text" >

Expected behavior

When a mouse hovers over the tab header, the tooltip should appear

@cagataycivici cagataycivici added the Type: New Feature Issue contains a new feature or new component request label Jun 20, 2017
@cagataycivici cagataycivici changed the title Tool-Tip for Tab-Panel ToolTip for Tab-Panel Jun 20, 2017
@mronus
Copy link

mronus commented Jul 20, 2017

Is there any progress on the subject? TabViewNav can be overridden somehow but I would like to use the official solution if this feature will be available in the near future.

@pujansrt
Copy link

pujansrt commented Aug 5, 2017

When I use tooltip over tabView tooltip show event hovering over TabContent not on just Header. It would be nice if we can know any workaround or official guide for this.

<p-tabView pTooltip="Filename" tooltipPosition="top" showDelay="1000">

@riccardomariani
Copy link

riccardomariani commented Sep 21, 2017

Same problem here. What about using an ng-template to define a custom header? This way we could use pTooltip assigned to an inner component. Something like this:
<ng-template> <div pTooltip>tab text</div> </ng-template>
It would be even better if the pTooltip was a Component so that we can internationalize it using i18n! Or is there any different way to internationalize it using i18n?

@rajkumar-surnar
Copy link

Hi Prime-ng team,

First of all, thanks for a wonderful open-source and free component library. I have been using the library for an year or so.

Lately, I have had a customer requirement asking for tooltips to be shown in a UI piece developed using p-tabview and p-tabpanel. I went through documentation and found that such facility does not exist.

I was navigating through the issue tracker and was hoping to find a solution around this. Unfortunately, I could't find any solution. I found this issue relevant to my requirements and I could see that this issue was logged in May, 2017. However, I do not see any commits around this issue. It will be great to know if there has been any development around this topic on your side. Do you have any plans about when this feature may be available.

If there isn't any committed plan for this, I will be highly thankful to know any possible workaround for now.
Thanks once again for feature component set. Speedy reply will be really appreciated.

Regards,
Rajkumar

@Pilukina
Copy link

I also believe that It could be very useful to have the internationalization on the pTooltip

@cagataycivici cagataycivici added this to the 6.1.1 milestone Aug 2, 2018
@cagataycivici cagataycivici self-assigned this Aug 2, 2018
@cagataycivici
Copy link
Member

Here we go;

screen shot 2018-08-02 at 11 40 21

@cagataycivici cagataycivici modified the milestones: 6.1.1, 6.1.0-Final Aug 10, 2018
@madhav5589
Copy link

@cagataycivici Thanks for this great feature. I was curious that can we make this tooltip show as conditional? For example, only show tooltip when a specific condition met.
Thank you.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: New Feature Issue contains a new feature or new component request
Projects
None yet
Development

No branches or pull requests

8 participants