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 add clear button to filter in multiselect primeng angular

I am trying to make multiselect with a filter. I need to clear the filter after filtering (not the selecting). I used prime ng multiselect and it does not have property to address this requirement. below is my code.
user14659427
  • 111
  • 2
  • 10
1
vote
2 answers

PrimeNG calendar clear current/today date when the user selects some other date on the calendar

I'm using p-calendar in my app to take input from the user for a particular time. The calendar works fine. However even when I click on some other date on the calendar, the current date also remains selected in the calendar. So even though the new…
wazza
  • 173
  • 5
  • 15
1
vote
0 answers

How to set pReorderableRowHandle for ::before inside td?

I see that PrimeNG set pReorderableRowHandle for a span tag in their example. However, I need to show a handle on the left of rows when I hover them, then use it to re-order row. I used ::before for the first td tags of rows to show handles, but I'm…
Tomcat
  • 21
  • 4
1
vote
1 answer

Angular 10 Unit Testing PrimeNG p-dropdown with 2-Way Data Binding

In my Angular 10 app with Jasmine test framework, I need help testing that a PrimeNG p-dropdown with 2-way databinding updates my model automatically when an item is selected. In the example below, how would I verify that when an an item is…
user13628229
1
vote
0 answers

PrimeNG 8 treetable is not expanding after filter

I have been trying to expand the tree row after global filtered. Unfortunately, it is not working and not throwing error also. It is working great without a global filter. I have implemented as per PrimeNg documentation Applied…
klmuralimohan
  • 861
  • 4
  • 23
  • 44
1
vote
3 answers

override primeng default style with scss file

I was trying to override one of the default style on the primeng card but some reason when I use the scss file, style is not applied. Below is the code I tried and same code works on the css file. I have below code on template
LilRazi
  • 690
  • 12
  • 33
1
vote
2 answers

access p-inplace content value from onDeactivate

I'm working with p-inplace of primeNg. I want to call a function when onDeactivate is called, using the value of pTemplate content. code snippet:
PMO1948
  • 2,210
  • 11
  • 34
1
vote
1 answer

PrimeNg component for displaying invalid input equivalent to mat-error

Does PrimeNg have something equivalent to mat-error from Angular Material? Enter your email
Cristian Flaviu
  • 275
  • 2
  • 7
  • 18
1
vote
1 answer

PrimeNg 8 Messages in Angular 8 Can't bind to 'value' since it isn't a known property of 'p-messages'

I am using PrimeNg 8.2.9 following the examples here https://www.primefaces.org/primeng/v8.2 ... #/messages Getting the following error Can't bind to 'value' since it isn't a known property of 'p-messages'. using this in my html
China Syndrome
  • 953
  • 12
  • 24
1
vote
1 answer

Angular 8 + PrimeNG PanelMenu - how to dynamically add menu items

Is it possible to set menu items based on data fetched from database? import {Component, OnInit} from '@angular/core'; import {MenuItem} from 'primeng/api'; @Component({ selector: 'app-questionnaire', templateUrl:…
Matley
  • 1,953
  • 4
  • 35
  • 73
1
vote
1 answer

PrimeNg empty message shown even if the data is loaded

I am using PrimeNg table to show the data and have added the empty message template like the following : No records found and I am using lazy…
Happy Coder
  • 4,255
  • 13
  • 75
  • 152
1
vote
1 answer

Text Direction for axis labels in Chart.js

I'm using chart.js in angular8 (in Primeng). I need to set these options in my chart: for y-axis ticks => textDirection: 'ltr' for x-axis ticks => textDirection: 'rtl' for example, I have done this for tooltip by textDirection: options = { …
1
vote
1 answer

Using date range filter for primeng table

I have the following code for implementing a date range filter in the PrimeNG table.
Happy Coder
  • 4,255
  • 13
  • 75
  • 152
1
vote
1 answer

How to remove the checkbox from primeng multiSelect?

I have tried using `ng-template' to display only the label but the checkbox still displays by default. How can I change this default behaviour? Here's the code using ng-template...... `
Shabs
  • 9
  • 1
  • 4
1
vote
0 answers

Real Time Data binding for PrimeNG progress bar value

I am validating an array and I want a progress bar on it. I am trying to bind value on progress bar but unfortunately its not changing real time on html. Here is my HTML.
Owais Ahmed Khan
  • 218
  • 1
  • 4
  • 12
1 2 3
99
100