[FIXED] What is the correct way to use Tab View scrollable property?

Issue

I am using p-tabview and I want to implement scrollable property as stated in primeng site: https://www.primefaces.org/primeng/showcase/#/tabview

But I am getting an error stating Can’t bind to ‘scrollable’ since it isn’t a known property of ‘p-tabView’. Am I missing anything?

StackBlitz demo:
https://stackblitz.com/edit/primeng-tabview-demo-jj9f2g?file=src/app/app.component.ts

Reference code:

<div class="card">
 <h5>Default</h5>
 <p-tabView [scrollable]="true">
 <p-tabPanel header="Header 1"> Content 1 </p-tabPanel>
 <p-tabPanel header="Header 2"> Content 2 </p-tabPanel>
 <p-tabPanel header="Header 3"> Content 3 </p-tabPanel>
 <p-tabPanel header="Header 3"> Content 3 </p-tabPanel>
 </p-tabView>
 </div>

Solution

This issue was fixed lately at
https://github.com/primefaces/primeng/issues/10119

So you need to use primeng version 12.1.1 or above

Answered By – Hau Nguyen

Answer Checked By – Candace Johnson (Easybugfix Volunteer)

Leave a Reply

(*) Required, Your email will not be published