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

PrimeNg p-dropdown Does not Display Array Values

I have component using PrimeNg p-dropdown. html code: ts portNames decleration: portNames: string[] =["Port 01","Port 02", "Port 03"]; My…
Rachel Fishbein
  • 818
  • 2
  • 12
  • 29
12
votes
2 answers

How can I disable future dates in angular p-calendar?

I'm using calendar input as follows. I want to disable future dates…
Channa
  • 3,267
  • 7
  • 41
  • 67
12
votes
2 answers

"Can't bind to 'ngModel' since it isn't a known property of 'p-calendar'" error message trying to use PrimeNG component, why?

I am very new in Angular 2\4 and I am trying to follow this quick video tutorial to add PrimeNG components to my Angular project: https://www.youtube.com/watch?v=6Nvze0dhzkE and the Get started section of the PrimeNG tutorial page:…
AndreaNobili
  • 40,955
  • 107
  • 324
  • 596
12
votes
2 answers

Angular2 - Show/Hide section on selection of radio button

I have to show or hide sections based on selection of radio button Yes
Jan69
  • 1,109
  • 5
  • 25
  • 48
12
votes
8 answers

PrimeNg DropDown - User can't clear the value

I'm implementing primeNg dropdown component in my Angular2 application.
DarioN1
  • 2,460
  • 7
  • 32
  • 67
12
votes
3 answers

Using PrimeNG with Bootstrap 4

Currently, I am playing around with UI-Libraries for a new Angular 2 Project. I tried Ng-Bootstrap and Material. Unfortunately they are still in Alpha and Beta. I also checked PrimeNG. At the moment PrimeNG offers a lot more components than Material…
Trafalgar
  • 361
  • 1
  • 4
  • 14
12
votes
7 answers

PrimeNG calendar bug when applying css class from bootstrap

I have this strange bug where I use PrimeNG to display a DatePicker in my application. When I try to use bootstrap's form-control, I get a visual bug. Here is my template:
Shimrod
  • 3,115
  • 2
  • 36
  • 56
12
votes
9 answers

Angular2 add PrimeNG component

Here are the steps I did to install PrimeNG: npm install primeng --save npm install primeui --save Update Index.html: (I had to copy directories primeng and primeui from node_modules to the assets folder to get rid of 404 file not found error) …
Cristian Muscalu
  • 9,007
  • 12
  • 44
  • 76
11
votes
2 answers

Primeng menubar ng-template start and end or not showing even after doing the same way in example

I am trying to use the sample provide in here, but somehow I am not able to get it work with ng-templates. modified the stackblitz provided in example and tried but no luck. please help me to figure out what am I missing Below is my header…
Krishna
  • 1,945
  • 1
  • 13
  • 24
11
votes
3 answers

An unhandled exception occurred: Script file ../node_modules/chart.js does not exist

I'm trying to use PrimeNG on my Angular project,Iv created a new project and tried to start, but it give me this error, I did the following steps: npm install primeng --save npm install @angular/animations --save npm install Chart.js --save npm…
YasuoHasaki
  • 157
  • 2
  • 3
  • 9
11
votes
0 answers

Top navigation bar design with PrimeNG

With bootstrap, I was able to design a navigation bar easily. For example https://getbootstrap.com/docs/4.3/examples/#navbars However, in PrimeNG I can't find a component or a panel to create a navigation bar with logo, menu options and hamburger…
user721730
  • 438
  • 1
  • 7
  • 11
11
votes
6 answers

How to fit p-dropdown inside of a table cell?

I'm adding p-dropdown to a p-table similar to what is seen here: https://www.primefaces.org/primeng/#/table/filter The p-dropdown is overflowing into the next cell. How can I prevent p-dropdown from flow to the next cell? I have tried the…
TyCox94
  • 405
  • 1
  • 8
  • 18
11
votes
6 answers

Primeng p-calendar same size as parent

I am using p-calendar from the primeng within a tabletree. How can I make the p-calendar field same size as the cell it sits in? Or mor general - how can I make it same size as a parent div? You can make it work with absolute width using style and…
Michael H.
  • 471
  • 2
  • 9
  • 22
11
votes
6 answers

flex grid not working for p-col-# primeng Angular 5

i am using primeNG for angular https://www.primefaces.org/primeng/#/flexgrid when i am trying this
6
6
the boxs…
RMagen
  • 612
  • 2
  • 9
  • 23
11
votes
2 answers

PrimeNG - Sending form data and FileUpload data via button click

In our Angular project we have a form containing form fields and PrimeNG FileUpload and we have tried to send form data with the selected files. We have look at the documentation and lots of examples on the web, but none of them fulfill our…
Jack
  • 1
  • 21
  • 118
  • 236