Stack Overflow
Stack Overflow

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

Set focus on p-inputNumber

I open a p-dialog with a p-inputNumber inside, but I don't manage to set focus on it. I tried to put autofocus, as you see, but it doesn't work. The focus remains on the button I pressed to open the dialog. How can I do? Thanks.
doinel
  • 87
  • 1
  • 9
1
vote
1 answer

PrimeNG Dynamic Dialog - Close by click to nowhere

I use a Dynamic Dialog from PrimeNG. How can I force to close the dialog by clicking in the "nowhere" area around the dialog? Currently I only can close the dialog by using buttons within the dialog.
Konrad
  • 4,329
  • 10
  • 54
  • 88
1
vote
1 answer

Multicolumn sort without having two columns (or more) highlighted with PrimeNG

I can sort multiple columns while using a p-table with PrimeNG as following : [multiSortMeta]="[{field: 'quantity', order: -1}, {field: 'price', order: 1}]"  

Multi Sort Columns

london_utku
  • 1,070
  • 2
  • 16
  • 36
1
vote
2 answers

How to use Prime NG messageService in global HttpInterceptor?

I am currently trying to implement a global error handler in my application using PrimeNG 9 messageService and Angular 8 HttpInterceptor. My code is the following: app.component.html //....
Maffe
  • 430
  • 6
  • 14
1
vote
0 answers

Angular 9 PrimeNG p-dropdown selected value

I have a list of objects that can be expanded and edited, with a couple of drop-downs that are populated once you expand. Each row is an object of the type Gama: { IdMaterial: 2,IdProveedor: 2, ..other props } on onRowExpand, i populate a dropdown…
Arnau
  • 11
  • 1
1
vote
0 answers

Conflict with PrimeNg p-grid & bootstrap Padding usage

I've recently upgraded my angular project from 5 to 8. My project was also having a dependency on bootstrap v4 (Since I've used ngx-bootstrap). I had to upgrade the primeNg from 5.x.x to v9.2Lts. Now that the primeNg has changed it's flex grid…
pawanzZ
  • 21
  • 3
1
vote
1 answer

PrimeNG P-COL displays on different line

I have a primeng grid and p-col inside, base on the example available in link I am having the data in each row instead of the same row as shown in the link my HTML
Basic
Rasmi
  • 501
  • 1
  • 6
  • 26
1
vote
1 answer

Aligning Switch, Shape and Text

I am trying to align this Switch, shape and Text like in this picture. But i am new to HTML and couldn't align them. Can you please tell me what to change here? I want to make the changes in CSS file. I tried vertical-align, justify-content,…
zathura
  • 71
  • 6
1
vote
2 answers

How to uninstall angular/cli version 11.0.2 to be possible to reinstall angular/cli version 10.0.0 ? (I need this for PrimeNG with ng v10.0.0)

Usual methods doesn't work. I need this down-version to be possible to use PrimeNG, which looks like doesn't fixed all error to latest version of ng v11.0.2 I already try all these options from below. Nothing works. Also what is on angular website v…
Constantin Alexuta
  • 11
  • 1
  • 6
1
vote
1 answer

PrimeNG: MenuItem icon from asset folder not showing

I added icon from asset folder for PrimeNG MenuItem like this following, but it is not showing. this.menu = [ { label: 'Dashboard', icon: 'dashboard-icon' } ] In css, .dashboard-icon {…
ruhulrahat
  • 1,325
  • 4
  • 15
  • 23
1
vote
1 answer

PrimeNG - Keep horizontal layout on PTable in any device

My Ptable looks like this when i see it on desktop/iPad And when i set my device to something like iPhone X, it looks like this I would like it to have the horizontal layout on every device. I know its not going to look very nice but still, i need…
FranciscoFJM
  • 119
  • 1
  • 10
1
vote
1 answer

A better way of dealing with recursive tree nodes nested loops, in PrimeNg

With Tree-and-Node objects, in this case PrimeNg Tree objects (Angular 8) is there a better (more succinct, efficient) way of handling recursive child nodes than this: for (let treeNode of treeNodes) { if (treeNode.children != null) { …
anvw
  • 149
  • 3
  • 15
1
vote
3 answers

How to change the width of a primeng autocomplete multiple?

I'm new to Angular and I'm trying to change the width of a primeng auto complete component to fill the column of a table, I already tried to use style="width: 100%" but that doesn't work; I also tried to set this on html but nothing…
Aryel Alves
  • 187
  • 1
  • 1
  • 13
1
vote
1 answer

PrimeNG dropdown with image

I am trying to implement PrimeNG's dropdown with images in front of option label, but the images are not displayed. In the .ts file I have the options array like: langOptions = [ {label: 'hungarian', value: 'hu', imgSrc:…
szelelaci
  • 163
  • 1
  • 12
1
vote
2 answers

How can I add validation using ql-image on p-editor in angular?

Can anyone help me how to call function on input tag which will be created from ql-image of p-editor. I want to limit the size of the image on that function. But I am unable to call the function in that input tag. Below is the section of p-editor…
susmita rai
  • 39
  • 2
  • 20
1 2 3
…
99
100