Questions tagged primefaces

Explore the latest questions and answers asked by our top developers.

Make p-dropdown options right aligned in primeng

I have following html code which use PrimeNG p-Dropdown component. I want to align the options to be right aligned.(Left aligned by default). Is there a way to achieve this. I tried updating the style class but no luck with that either. <div class="form-group"> <p-dropdown inputId="state" formControlName="{{demos}}" [options]="demoOptions" [styleClass]="’prm-dropdown prm-filter-dropdown’" [dropdownIcon]="’bx bxs-chevron-down’" placeholder="{{demoOptions}}" (onChange)="onValueChange(demoOptionId)"> </p-dropdown> […]

By Avilon
Published
Categorized as angular, primefaces, primeng Tagged , ,

How to make picklist editable in the target component in angular?

I am using picklist and I want to edit target list label in which I am displaying the value. Using the source code : https://primefaces.org/primeng/showcase/#/picklist How can I make product name editable in the target list. <p-pickList [source]="sourceProducts" [target]="targetProducts" sourceHeader="Available" targetHeader="Selected" [dragdrop]="true" [responsive]="true" [sourceStyle]="{‘height’:’30rem’}" [targetStyle]="{‘height’:’30rem’}" filterBy="name" sourceFilterPlaceholder="Search by name" targetFilterPlaceholder="Search by name"> <ng-template let-product pTemplate="item"> […]

By developer user
Published
Categorized as angular, html, picklist, primefaces, primeng Tagged , , , ,

angular *ngfor to display table

I´m getting multiple same values on table when i call the object list with *ng-for loop. eg.: if the object list is : objList = [{value:value1}] it will return a table with one row but if the object list has more than one value : objList = [{value:value1},{value:value2},{value:value3}] when the length of the array list […]

By Pedro Mendes
Published
Categorized as angular, html, primefaces, typescript Tagged , , ,

FATAL ERROR: MarkCompactCollector: young object promotion failed Allocation failed – JavaScript heap out of memory

Whenever I build using ng build I get the following error. The project I’m working on is an angular 12 with primeface template. I’ve tried the following which did not work set NODE_OPTIONS=–max-old-space-size=8192 <— Last few GCs —> [20368:00000209E3C2B160] 34896 ms: Mark-sweep (reduce) 4092.5 (4101.4) -> 4092.1 (4106.9) MB, 3198.8 / 0.0 ms (+ 0.1 […]

By Magood
Published
Categorized as angular, node.js, primefaces Tagged , ,

How can I get the image path of primng upload?

Using the primeng FileUpload I don’t know how to get the path of the file <p-fileUpload name="demo[]" accept="image/*" (onUpload)="onBasicUpload($event)" [auto]="true"></p-fileUpload> How I could get the image path ??? e.g "C:Userimagestest.jpg" Source: Angular Questions

By John D
Published
Categorized as angular, file-upload, primefaces, primeng Tagged , , ,

Maximum call stack size exceeded while sending formcontrol to funcion one changes

in my building of the form I used: this.fg.get(‘selectedType’).valueChanges.subscribe(x => { this.askConfirm(x); }) when changing one of the radio button on runtime I see that it called many times without any change, and then getting Maximum call stack size exceeded before even changed it!! why? <div class="right" *ngFor="let type of types"> <p-radioButton #radio name="type" formControlName="selectedType" […]

By Yoel Perkal
Published
Categorized as angular, primefaces, primeng, subscribe Tagged , , ,

Migration from primefaces to react or angular

I want to ask about actions to take and your opinion regarding a migration to do from (JAVA11/tomcat/JSF/Primefaces (5.3) to java11/tomcat/react or Angular 1-it is possible to integration Angular or react in Primefaces(jsf): call Angular pages from Primeface 2-is it possible to have in the same project Angular and Primeface(JSF) 3-sure I could not do […]

By Mansourofski
Published
Categorized as angular, jsf, primefaces, reactjs Tagged , , ,

Is it possible to have a loading spinner in p-table as it does with lazyLoading in p-table

I have a plain p-table prime-ng component, which does not implement lazy loading. My code looks like below, <div class="row" *ngIf="(notificationDashboardLi && notificationDashboardLi.length > 0) " style="padding:10px;"> <div class="col-sm-12"> <p-table #dt [value]="notificationDashboardLi" [columns]="cols" [paginator]="true" [rows]="rowsPerPage" [rowsPerPageOptions]="rowsPerPageOptions" [responsive]="true" dataKey="id"> <ng-template pTemplate="header" let-columns> <tr>………….</tr> </ng-template> <ng-template pTemplate="rowexpansion" let-rowData let-columns="columns"> <tr>……….</tr> </ng-template> <ng-template pTemplate="body" let-rowData let-columns="columns" let-expanded="expanded"> <tr>…</tr> […]

By JNPW
Published
Categorized as angular, java, primefaces, primeng Tagged , , ,

Add virtual scroll in prime ng list box

Currently the prime ng list box is simple wandering how it would load large amount of data like 20 thousand or more.checked… it takes more than 1 to 1.5 minute to load the entire record. Gone through documentation for virtual scroll or like to load the record gradually by scrolling but the community says that […]

By kushal Baldev
Published
Categorized as angular, listbox, primefaces, primeng Tagged , , ,

How to access array element inside ‘field’ attribute of PrimeNG autoComplete

I have a list of JSON object, 1 of the sample is below [ { id: ‘cont-609’, contactMedium: [ { characteristic: { emailAddress: ‘[email protected]’ } } ] }] My goal here is to access emailAddress (contactMedium[0].characteristic.emailAddress) inside PrimeNG autoComplete attribute ‘field’ so that I can display list of emails in drop down. There will be […]

1 4

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq