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

Templating support for accordion tab #135

Closed
cagataycivici opened this issue Mar 22, 2016 · 4 comments
Closed

Templating support for accordion tab #135

cagataycivici opened this issue Mar 22, 2016 · 4 comments
Assignees
Labels
Type: New Feature Issue contains a new feature or new component request
Milestone

Comments

@cagataycivici
Copy link
Member

Add support to place custom content at header

@cagataycivici cagataycivici added the Type: New Feature Issue contains a new feature or new component request label Mar 22, 2016
@cagataycivici cagataycivici self-assigned this Mar 22, 2016
@cagataycivici cagataycivici added this to the 1.0 milestone Mar 22, 2016
@cagataycivici
Copy link
Member Author

This is available now for 0.9.

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

@cagataycivici cagataycivici modified the milestones: 0.9, 1.0 Mar 24, 2016
@neonnn
Copy link

neonnn commented Feb 2, 2017

On http://www.primefaces.org/primeng/#/accordion there is a code sample showing that <p-header> should be used to create custom header. Can you please fix this.

atretyak1985 added a commit to Nanitor/primeng that referenced this issue Jul 18, 2020

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
…isually anymore but applying to the data primefaces#135
@Programm3r
Copy link

Programm3r commented Sep 9, 2020

Hi,

Not sure what the resolution was here, but the following code with regards to the header, simple does not work:

<p-accordionTab>
    <ng-template pTemplate="header">Header Content</ng-template>
    <ng-template pTemplate="content">Body Content</ng-template>
</p-accordionTab>

This on the other hand, does the job:

<p-accordionTab>
  <p-header>
  </p-header>
</p-accordionTab>

@ghost
Copy link

ghost commented Mar 24, 2021

Hi,

Not sure what the resolution was here, but the following code with regards to the header, simple does not work:

<p-accordionTab>
    <ng-template pTemplate="header">Header Content</ng-template>
    <ng-template pTemplate="content">Body Content</ng-template>
</p-accordionTab>

This on the other hand, does the job:

<p-accordionTab>
  <p-header>
  </p-header>
</p-accordionTab>

Thank you, I spend some hours searching how to solve this, but it works :)

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

3 participants