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
11
votes
4 answers

PrimeNg sorting

I am using primeNg . I want to implement sorting of data. What I did is below sort.HTML
Anna
  • 1,669
  • 7
  • 38
  • 63
11
votes
2 answers

PrimeNG p-dialog modal in Angular application blocks background and the dialog window itself

I am using a p-dialog PrimeNG component in my Angular 5 application like this: Title
Rands
  • 113
  • 1
  • 1
  • 7
11
votes
3 answers

PrimeNG datatable date range filter

Filter date range || Datatable I need some help on how to filter date range..dateCreated I want to search date created in search input, but it seems, it's not working. No records found. I was searching about custom filter, and I'm having a hard time…
11
votes
2 answers

PrimeNG turbo table template error when sorting

I'm trying to inject a header template in the turbo table element by using ngTemplateOutlet as it can be seen in the following code snippet :
CharlieCrews
  • 141
  • 1
  • 6
11
votes
4 answers

Quill error: 'quill Invalid Quill container'

I'm using angular 4 and a quill editor. but I get an error of quill Invalid Quill container. I change the name of the container but it still returns the error and cannot identify the container id. I create my quill object in ngOninit but it's not…
fariba.j
  • 1,737
  • 7
  • 23
  • 42
11
votes
7 answers

How to use Primeng Menu with command and parameters in DataTable?

MenuItem of primeng has a parameter called command that is a function to be executed when its item is clicked. One example of using this is provided in https://www.primefaces.org/primeng/#/steps to give feedback to user. command: (event: any) => { …
Gabriel Costa
  • 349
  • 1
  • 4
  • 13
11
votes
6 answers

PrimeNg Error: Quill is not defined

I am trying to use the editor control in primeng: https://www.primefaces.org/primeng/#/editor But I am getting the error: ERROR ReferenceError: Quill is not defined at…
Guerrilla
  • 13,375
  • 31
  • 109
  • 210
11
votes
4 answers

primeng dropdown component error ('p-dropdown' is not a known element)

Following the guide: https://www.primefaces.org/primeng/ I have tried to install PrimeNG to use with Angular4, following the steps detailed above, but I get the error: 'p-dropdown' is not a known element: I tried to rebuild the projects, as…
Luigi Rubino
  • 564
  • 1
  • 7
  • 17
11
votes
2 answers

Add additional information to the PrimeNG FileUpload data transfer

I'm looking to send additional information with files that are being uploaded with the primeng fileupload component. Basically, I need to know what these uploaded files are relevant to. I can add headers in the "onBeforeSend" function like the…
thegunner
  • 6,883
  • 30
  • 94
  • 143
11
votes
2 answers

PrimeNG p-footer is not a known element error in angular 2

I am new on using PrimeNG and I need a confirmation dialog box. I read the documentation about confirmation dialog and implemented it on my component. my-component.ts import { ConfirmDialogModule, ConfirmationService } from…
Mix Austria
  • 925
  • 2
  • 15
  • 35
11
votes
4 answers

'p-header' is not a known element in PrimeNg for Angular2 application

i am using PrimeNg for my angular2 project and i am trying to add panel in the page. I used below code for this which i took from primeng tutorial ( http://www.primefaces.org/primeng/#/panel ):- my html file has below code :-
Rj-s
  • 484
  • 3
  • 7
  • 17
11
votes
4 answers

How to add custom text to primeng paginator

I would like to know if you can add custom text to the paginator row, more specifically, i would like it to have the total hits for the table on the right.
David Pascoal
  • 1,431
  • 3
  • 21
  • 26
10
votes
2 answers

What is a pTemplate in PrimeNG?

I was going through the documentation of PrimeNG 4.3.0 for p-tree here, and came across this example where they are using a pTemplate attribute, but I am unable to understand what it does or how it works.
Rajat
  • 617
  • 3
  • 9
  • 16
10
votes
2 answers

PrimeNG dropdown with virtual scroll not keeping selection in view

I am making use of the PrimeNG drop down component with custom filtering and virtual scroll enabled. I am finding the component is not scrolling back to the last selection made in the list of items in view when it's re-opened, instead it just…
mindparse
  • 6,115
  • 27
  • 90
  • 191
10
votes
6 answers

use html in primeng p-toast

I would like to use html code in primeng toast module. I have tried different options but cannot get it to work. this.messageService.add({ sticky: true, severity: 'error', summary: 'Import job', detail: 'first line of text second line of…
R.M. van Lingen
  • 115
  • 1
  • 1
  • 9