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

Tabview with custom html in the header #2462

Closed
bevrard opened this issue Apr 6, 2017 · 17 comments
Closed

Tabview with custom html in the header #2462

bevrard opened this issue Apr 6, 2017 · 17 comments
Assignees
Labels
Type: New Feature Issue contains a new feature or new component request
Milestone

Comments

@bevrard
Copy link

bevrard commented Apr 6, 2017

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

[ ] bug report => Search github for a similar issue or PR before submitting
[X ] 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
For now the title of a tabview is a simple text.

Expected behavior
Would it be possible to add custom html to have dynamic content?

What is the motivation / use case for changing the behavior?
The objective is to implement a case with notifications on the tab title like on the following picture:
image001

Thanks in advance

@mikosu3
Copy link
Contributor

mikosu3 commented Apr 11, 2017

i want it too.

@cagataycivici cagataycivici self-assigned this Apr 13, 2017
@cagataycivici cagataycivici added the Type: New Feature Issue contains a new feature or new component request label Apr 13, 2017
@cagataycivici
Copy link
Member

We'll see if we can do it, I believe we can do so with templating.

@nareshurs
Copy link

+1
We are in need of this feature too. I have been trying to customize however seems no way. Is there any workaround till this feature is implemented?

@alexschilpp
Copy link

alexschilpp commented Aug 21, 2017

+1

for the accordion panel you can simply create a custom header by adding p-header to the accordion tab

<p-accordionTab>
    <p-header>
        Header Content
    </p-header>
    Body Content
</p-accordionTab>

unfortunately this is not working for TabView.

would be great if you could make that consistent for other header components too.

@JacobMarshell
Copy link

JacobMarshell commented Aug 22, 2017

I need this feature as well for my current project, where the count should be displayed in a badge.

@nareshurs
Copy link

#cagataycivici, Is there a plan to implement this in nearest future, We might look for other frameworks as there is no way to achieve this in priming.

@bevrard
Copy link
Author

bevrard commented Aug 28, 2017

@nareshurs your choice on the framework is based on one component? you could implement your own component first and intergrate it with primeng when the functionality will be available.

@nareshurs
Copy link

@bevrard , At this point of time we have tight schedule which stopping me from creating custom component. I was just at least expecting this issue tagged to one of priming future milestones if they are serious on this. However I found a workaround for now by altering left icon with css.

@vangalder
Copy link

vangalder commented Oct 24, 2017

FEATURE REQUEST: I'm also tasked with coming up with badge functionality for the menubar.

  1. Are there currently any plans to add that functionality in the future?
  2. Is there a way I can pass an identifier in for a top-level menu item?

@zadkiel87
Copy link

Any news on this subject ?

I need this feature as well for my current project.

@gbourant
Copy link

gbourant commented May 2, 2018

This feature works on premium templates , will it be available for the free ones ?

@upondeep
Copy link

upondeep commented May 9, 2018

+1 like a badge

@Ne-Ne
Copy link

Ne-Ne commented May 11, 2018

I ideally want to style the headers with a unique style, at the minute you are limited to basic text and an icon. I believe It would allow for the creation of cleaner code.

Is there any update on this?

@dkvwu
Copy link

dkvwu commented Aug 14, 2018

Is there any update?

@danmcmyler
Copy link

I was scrolling to the bottom expecting/hoping for this to be resolved. Seems like a popular request.

@danielsmeyer
Copy link

I am having trouble even implementing headerStyleClass.

@cagataycivici cagataycivici added this to the 6.1.3 milestone Aug 30, 2018
@cagataycivici
Copy link
Member

Available for 6.1.3 which is due later today.

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