Questions tagged [primeng]

Use this tag for questions about PrimeNG, a collection of UI Components for Angular. Questions tagged [primeng] should also be tagged [angular], but NOT [primefaces].

PrimeNG is a collection of rich UI components for Angular. PrimeNG is a sibling of the popular JavaServer Faces Component Suite, PrimeFaces.

All widgets are open source and free to use under MIT License.

PrimeNG is developed by PrimeTek Informatics, a company with years of expertise in developing open source UI components.

4422 questions
1
vote
0 answers

Need to pass data from a row to a function to generate the text for anchor tag

Below is the html table from PrimeNg, I would like to display what getDisplayPaymentStatus is returning into the anchor tag and would like to enable the anchor tag when the status is 'Due'
kumar t
  • 11
  • 3
1
vote
2 answers

How put img or svg insted icons on Primng components?

This is a component model on Primeng page https://primefaces.org/primeng/showcase/#/menu. If put it isn't possible, Could Transform the Svg or Img to the icon and put it in the style? and How put it Inline the style of the component? Thank you.
Guillermo
  • 61
  • 1
  • 8
1
vote
1 answer

How to preload versioned files for performance enhancement in HTML?

Various tools (Google Lighthouse, PageSpeed, etc.) suggest preloading key requests via to increase web site performance. For static files whose filename is known and does not change everything is clear. However, how can I specify…
ThirstForKnowledge
  • 1,245
  • 1
  • 10
  • 27
1
vote
2 answers

Why I can't apply CSS style to this PrimeNg TextArea form field?

I am finding some problem to correctly set CSS code related to validation status of a PrimeNG Text Area into an Angular project (this PrimeNG component: https://www.primefaces.org/primeng/showcase/#/inputtextarea ) Into a form I have declared a text…
AndreaNobili
  • 40,955
  • 107
  • 324
  • 596
1
vote
2 answers

How to add tooltip to specific header column in primeNG table

Html {{col.header}} TS export class Table…
Jesse W
  • 91
  • 1
  • 8
1
vote
1 answer

How to style the navigator button of p-galleria (primeng) in angular 9?

How can I change the color of the navigator button of p-galleria on primeng?I have already tried to override the background-color property of .p-galleria .p-galleria-item-nav with css but it didn't work. .p-galleria .p-galleria-item-nav { …
PopJoestar
  • 462
  • 1
  • 4
  • 10
1
vote
1 answer

Primeng RadioButton Label

I have just started learning Primeng. I was working on the radio button and using the label property to display the label. When I use this radio button inside any component with restricted length and width, the labels with longer length comes below…
Prakhar
  • 25
  • 4
1
vote
1 answer

Primeng Theme change

Can I use primeNg 5 omega theme with in my project (which I upgraded from angular 5 to 10) by storing the theme folder inside my assets(my primeng version will remain 10)?
1
vote
0 answers

PrimeNG dynamic tabView with dynamic contents in component

I'm currently creating the application in Angular. The problem statement is as follows: There are several tabs, let say headers are like Tab1, Tab2, Tab3 and the contents of these tabs are different. What I mean by different is that they need to…
User111
  • 11
  • 1
1
vote
1 answer

Add Custom Font Size and Trigger Icon Size to PrimeNG Dropdown

I have been working with PrimeNG as the UI library to an Angular TypeScript application I have been developing and I have been having trouble customizing the font size styling and the dropdown trigger icon styling of the PrimeNG dropdown that I have…
Nic Falcione
  • 13
  • 1
  • 6
1
vote
1 answer

Can I use Primeng 5 with in angular 10 project?

I am upgrading my angular 5 application to angular 10. I want to continue with the same primeng version ie 5.2.0 .
1
vote
1 answer

How to set the default sort order of primeng table depending on observable value

I have p-table with sortable columns. However, initially I want the table to be sorted by a specific column, I use sortFiled for that. But this column is not known till run-time. Here is a snippet of the table:
Lossan
  • 411
  • 1
  • 8
  • 16
1
vote
1 answer

How to get the confirmation service of primeng wait for the approval or denial of the user?

How can I make the primng confirmation service behave equal to the browser native confirm? When a user clicks on a button, I need under certain conditions to request their confirmation to proceed, in case of denying it, exit the method. The…
Mario
  • 4,784
  • 3
  • 34
  • 50
1
vote
1 answer

PrimeNG tabMenu click event to be disabled for disabled tabs

I have an issue with PrimeNG p-tabMenu for menu that are disabled. Say for example I have a tabMenu with 4 sub tabs -> AAA, BBB, CCC, DDD. This is how the menuItems are setup in the ts component. //.... invDocs: InventoryDocs[] = []; invMenu:…
Geek
  • 3,187
  • 15
  • 70
  • 115
1
vote
1 answer

Why after that I close a PrimeNG modal defined into a child component I can't open it again?

I am working on an Angular application using PrimeNG and I have the following problem. I had a component containing a PrimeNG Dialog defined inside (this one: https://www.primefaces.org/primeng/showcase/#/dialog ) and it works fine. To keep neat my…
AndreaNobili
  • 40,955
  • 107
  • 324
  • 596