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
14
votes
5 answers

How to add app-logo-image to primeng menubar?

I followed https://www.primefaces.org/primeng/#/menubar which is good to display menu-items that can be passed as a list. My requirement is to add App related logo image to the top-left corner. Plz can someone advise how to make this…
nsk
  • 1,413
  • 5
  • 24
  • 34
14
votes
2 answers

PrimeNG Quill editor custom toolbar

I want to make a custom toolbar of quill editor with PrimeNG. I am using Angular 2. Here is what I did in my html code :
anais1477
  • 466
  • 1
  • 17
  • 36
14
votes
1 answer

primeng checkbox ngmodel is not known property

I am using p-checkbox pf prime ng 4.1 rc2 version I am getting the below error Can't bind to 'ngModel' since it isn't a known property of 'p-checkbox'. i have added the common module,form module in app.module.ts but still it is not working
14
votes
1 answer

PrimeNG Element not scoped, can't be styled with default Angular 2 ViewEncapsulation (Emulated)

I'm trying to use the styleUrls property when declaring my Angular 2 component to take advantage of View Encapsulation but there seems to be a problem when elements get inserted into the DOM after Angular has its completed initialization. My…
BlazingFrog
  • 2,265
  • 3
  • 21
  • 31
13
votes
5 answers

PrimeNG Paginator set Page

I'm using the primeng paginator component inside an Angular 9 Project to page a huge list of profiles. If a user is on page 3, opens a profile and returns to search, the current page is 1, but it should be 3. I have saved the page inside a service,…
keschra
  • 289
  • 1
  • 3
  • 17
13
votes
4 answers

Implement two-way data binding for custom property

I see in primeng components the use something like ngModel (two-way data binding) style for some property like this [(selection)]="selectedItem"; it 's look like @Input() selection; @Output() selection:EventEmitter = new…
Muhammed Albarmavi
  • 23,240
  • 8
  • 66
  • 91
13
votes
5 answers

styles not picking from angular.json styles array angular 6, but working fine with imports in styles.css

I included some styles in angular.json styles array like below: "styles": [ "src/styles.css", "node_modules/primeicons/primeicons.css", "node_modules/primeng/resources/themes/omega/theme.css", …
prady
  • 416
  • 2
  • 6
  • 17
13
votes
7 answers

Primeng make scrollable datatable height responsive

PrimeNG DataTable provides a [scrollable] property to define vertical and/or horizontal scrolling. This has to be used with a combination of a set scrollHeight and/or scrollWidth. How can I have a table that will adjust to whatever the height/width…
Nikita Marinosyan
  • 747
  • 2
  • 8
  • 26
13
votes
4 answers

Can't bind to 'value' since it isn't a known property of 'p-dataTable'

I'm developing aspnetzero application with angular but when I'm assigning value of categories property in p-dataTable I'm getting this error in browser console: Can't bind to 'value' since it isn't a known property of 'p-dataTable' I have three…
redux17
  • 665
  • 5
  • 11
  • 30
13
votes
4 answers

Steps to integrate PrimeNG with JHipster

We have been trying to incorporate PrimeNG components into a JHipster (angular 4) generated project with no success. After download and install PrimeNG into our project, we are able to import classes but when we include the corresponding tags into…
Andrés Quesada
  • 133
  • 1
  • 4
13
votes
2 answers

Open the context menu by PrimeNG from code Angular 2

I need to open the context menu by PrimeNG in table using button and using the right click. I found the method 'toggle' and 'show' into component for open the menu, but it's not open. When I call the method, I setting new position for menu, but a…
Daniel Morozov
  • 315
  • 2
  • 11
13
votes
6 answers

Overflow the PrimeNG DialogModule with the CalendarModule

I want to build an Edit popup dialog with an input form in Angular2 using the PrimeNG widgets. I run into trouble with dynamic content of that dialog box (see screenshot). I've naïvely been trying to wrap the CalendarModule in a div that is…
KayleeTheMech
  • 489
  • 1
  • 4
  • 17
13
votes
3 answers

How to use attribute appendTo in primeNG in component ContextMenu?

I´m trying to use the attribute appendTo in the component ContextMenu, but I want attach the behavior to one element, like a div.
Jhonatan Delgado
  • 131
  • 1
  • 1
  • 4
13
votes
7 answers

prime ng styles not applying angular2

Hi I just started working with angular 2. I found this library PrimeNG, I followed this tutorial: http://blog.davincisoftware.sk/primeng-web-component-framework-based-on-angularjs-2 It it all works, except the styles. They're not applying somehow…
Miguel Rosales
  • 769
  • 4
  • 13
  • 29
13
votes
5 answers

How to add "No Record Found" in PrimeNG Datatable When data is not there?

I searched on primeNG official site, and I found that there is no such attribute like emptyMessage= "No Record Found" for data table in PrimeNG ref.http://www.primefaces.org/primeng/#/datatable So when there was no data in my data table, It is not…
Sarvesh Yadav
  • 2,600
  • 7
  • 23
  • 40