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
1 answer

How to create unit test of virtualScroll in table prime Ng

I can't test virtualScroll with lazayload in table
F.BOU
  • 327
  • 3
  • 5
  • 17
1
vote
1 answer

How to set up the basic page to get PrimeNg global theme styles work

Situation: I set up my Angular 11 app with PrimeNg 11 successfully by doing the Get started. I have chosen the dark theme "Vela Orange" and therefore included the CSS in styles within angular.json. PrimeNg components are styled correctly. Ripples…
Marc
  • 4,715
  • 3
  • 27
  • 34
1
vote
0 answers

How to overwrite default error message in primeng dropdown

can anyone help me to customize the default error message in p-dropdown Here is the code:
1
vote
2 answers

How to set Auto width column after cell editing in PrimeNg?

I am using PrimeNg to edit data table. How to set Auto width column or bring down the text next line for below sample. You can reproduce same behavior in below primeNg link. https://primefaces.org/primeng/showcase/#/table/edit …
Shakeer Hussain
  • 2,230
  • 7
  • 29
  • 52
1
vote
1 answer

primeng flex grid, set col size smaller than 1/12 Angular 8

In primeng grid, if you have 2 columns and you want that: the first one take 1/13 of the total space the second one take the rest. I have tried
toto
Yanis Yakuza
  • 111
  • 1
  • 11
1
vote
1 answer

How to set fixed width in p-card

I have following html
.....
I want to set fixed width to p-card so it won`t change width when I…
ALEX
  • 124
  • 1
  • 11
1
vote
1 answer

PrimeNG Table - How to clear a text filter in code and a p-table

I have been trying to figure this out for over a week now. I can't seem to be able to clear my filters without breaking them. I need a button that clears all the filters on my screen so the user does not have to do them one by one. Here is my…
Mike
  • 45
  • 1
  • 7
1
vote
2 answers

Library production build failed on angular 11 with: Expected 0 arguments, but got 1

I am trying to build my lib with --prod so i can publish it. I am getting following error: Directive SelectableRow, Expected 0 arguments, but got 1. mycomponent.ts
ssapp
  • 313
  • 1
  • 5
  • 13
1
vote
1 answer

How to use Angular PrimeNG MenuItem badge property?

Even when I set badge and badgeStyleClass to the menu item's model, nothing happen! Is there anyone who used this feature? It seens to be very simple, but only show up label text no badge: this.items = [ { label:…
danieltc07
  • 183
  • 4
  • 17
1
vote
1 answer

How to close p-dialog on Button Click in Angular 8?

I want to close this dialog box when I click on button.
ks1705
  • 33
  • 6
1
vote
2 answers

No value accessor for form control with name: 'time' angular 11 & primeng

I am trying to learn angular and I am working with form array in Angular 11 and primeNg. I created a form array and in this array I push form group. Form group controls are batchName and batchTime. I want to show some specific time through…
Mohd Sabban
  • 182
  • 1
  • 12
1
vote
1 answer

Dynamic context menu on PrimeNG p-tree component

I'm using PrimeNG UI library v10 in an Angular application. I have a p-tree component that show a list of items that must show a context menu when the user right-clicks on them. The problem is that each item will have different options, depending on…
Fel
  • 4,428
  • 9
  • 43
  • 94
1
vote
1 answer

Prime ng calendar UTC

I am receiving from the server a date in UTC format (as a string) = "2020-04-01T00:00:00Z". When my users are visiting the calendar here in the UK (gmt) they can see it fine. However my users in the USA of course see the calendar pre-selecting 31st…
Andrew Howard
  • 2,818
  • 5
  • 33
  • 59
1
vote
1 answer

Angular | PrimeNG | Chart.js | Formatting number in label

I used PrimeNG + chart.js in my Angular project. I would to format the number in the "tooltip". For example: currently it's "12345.67", I need "12.345,67". How can I do this? These are parts of my code.
Simone Sessa
  • 795
  • 1
  • 12
  • 35
1
vote
1 answer

click event not working in PrimeNg List box inside template

I am trying to add click event inside the template of list box in prime Ng but event is not listened below is the stackblitz code and demo link. Below is the code
Single
kushal Baldev
  • 729
  • 1
  • 14
  • 37