p-steps: When is "ui-steps-complete" styleClass applied?

UI Components for Angular
Post Reply
Posts: 1
Joined: 12 Mar 2019, 15:26

12 Mar 2019, 15:47


I am trying to use the p-steps component in PrimeNG. I want to have different styling for the completed and not-completed steps. That is, if the user is currently at step 3, then step 1 & 2 are completed, and the greyed out or disabled look doesn't suit them well.

In the documentation (Styling section in https://www.primefaces.org/primeng/#/steps) , I can see the classes "ui-steps-complete" & "ui-steps-incomplete" mentioned. But all steps except the current step have the "ui-steps-incomplete" class only applied. No steps are assigned the "ui-steps-complete" class.

I do not find any reference to "ui-steps-complete" in https://github.com/primefaces/primeng/b ... s/steps.ts also.

So the question is: What is the ui-steps-complete class meant for? How can I apply it to some of the steps in my p-steps component?

My implementation of the component is pretty basic. Exactly as given in the PrimeNG demo.

Code: Select all

<p-steps [model]="items" [(activeIndex)]="activeIndex"></p-steps>
Thank you

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests