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
0 answers

PrimeNG p-multiSelect Customize label of selected Items

I'm quite new to Angular and needed help in for a requirements. The dropdown should have Select All as the option for user to select all items. The selectedItemsLabel need to be dynamically selected to have 2 or 3 selected values as per size…
Srinivas Lakshman
  • 469
  • 2
  • 4
  • 21
1
vote
2 answers

Why component variables initialized via [(ngModel)] still have null values?

I am working on an Angular application and I have the following problem. Into a reactive form I have defined these two fields:

Prezzo fattura

AndreaNobili
  • 40,955
  • 107
  • 324
  • 596
1
vote
1 answer

Angular/PrimeNG open one modal dialog at index/value whenever clicking on that table value

**HTML CODE:**

Entities

Liquidus
  • 25
  • 1
  • 6
1
vote
5 answers

How to change primeNG datatable p-column filter date format?

How and is it possible to change date format when filtering by date? Default format is mm/dd/yyyy but I want to achieve dd/mm/yyyy
Kruno
  • 121
  • 1
  • 1
  • 13
1
vote
1 answer

PrimeNG- p-draggable-enter class not working

I have the following listbox on my Angular Component item which is a sortable list with a pDraggable and pDroppable method:
pedrodotnet
  • 788
  • 3
  • 16
  • 34
1
vote
2 answers

How to pass one component selector to another component?

I am trying to create the global component, so other developers can use this component to their project. Here the aim is, I have my local component called app.component.ts and it has one child component. And I have bundled the global component and…
mkHun
  • 5,891
  • 8
  • 38
  • 85
1
vote
0 answers

How to preselect PrimeNG Dropdown Group values with async load

I try to preselect a grouped dropdown. I tested with FormControl and ngModel but both have same result. It only always selects the first entry. Selected value is an id (number). The selected Id and options are async loaded Angular 11 / PrimeNG…
NiBurhe
  • 93
  • 6
1
vote
1 answer

p-inputMask displaying black border when loading and then removes after in some milliseconds

Using prime-ng version - 5.2.0 browser - chrome p-inputMask displaying black border when loading for some time and then the border is removed in some milliseconds. When looking on the Developer tools options it is found that it is due to user agent…
Aditya
  • 2,358
  • 6
  • 35
  • 61
1
vote
1 answer

How do I pass calendar format values in database using primeng component?

I have created a .html and .ts file (code as below), I have used primeng component to set the calendar and the values I'm getting the data from the calendar is {Sat Mar 16 2021 10:58:55 GMT+0530 (India Standard Time)} but I need to pass the datetime…
1
vote
1 answer

How to use ConfirmPopup (p-confirmpopup) with HTML/component instead of string message

I need a dialog that is displayed relatively to its target to display a complex set of properties about objects on the screen. PrimeNG ConfirmPopup is displayed relatively to its target but it accepts only a string message. Is there any way to pass…
Nicolae Daian
  • 1,065
  • 3
  • 18
  • 39
1
vote
4 answers

PrimeNG Dropdown LazyLoad event not firing

I have upgraded my Angular PrimeNG app from v9 to 11. Dropdown lazy loading has stopped working and event onBranchLazyLoadEvent isn't called now. Below is the sample code
Shahzad
  • 508
  • 7
  • 16
1
vote
2 answers

How to use FormControl with p-calendar and override placeholder

Here is a list of Form controls I was going through: I have two modes (radio button) True and False. Both are applicable to one p-calendar:
Tanzeel
  • 4,174
  • 13
  • 57
  • 110
1
vote
1 answer

How to wrap text on PrimeNg's dropdown?

How do I wrap text that exceeds width on PrimeNg's dropdown field? I have tried using .p-dropdown-label { word-wrap: break-word; } but it did nothing. Thanks in advance!
Allan Juan
  • 2,048
  • 1
  • 18
  • 42
1
vote
0 answers

Property 'value' does not exist on type 'FilterMetadata | > FilterMetadata[]'

I have an application generated using Jhipster PrimeNG Blueprint. It enables table filtering using 'filters' as this.myTable.filters.filterField.value Since filters definition in table.ds has been updated from @Input() filters: { [s: string]:…
Shahzad
  • 508
  • 7
  • 16
1
vote
3 answers

Why global search is not working for this PrimeNG table?

I am working on an Angular application using PrimeNG. In particular I am using the PrimeNG p-table component and I am finding some problem with Global Search. This is the component: https://www.primefaces.org/primeng/showcase/#/table This is my HTML…
AndreaNobili
  • 40,955
  • 107
  • 324
  • 596