Tag: primeng

Issue Is it possible to change the icon on choose button on file upload ? In my case it is always “+”. <p-fileUpload class=”btn-primary” auto=”true” mode=”basic” name=”demo[]” chooseLabel=”Upload” [url]=”apiImageLocation” accept=”image/*” maxFileSize=”2000000″ (onUpload)=”onUploadImageSuccess($event)” (onError)=”onUploadImageError($event)”> </p-fileUpload> Solution You can override font awesome

Issue I am using primeng, After updating the packages to latest version I am getting this Issue table/table is not exported from the package in angular 14.0.2. ./node_modules/library/fesm2020/library.mjs:133:0-29 – Error: Module not found: Error: Package path ./table/table is not exported

Issue I don’t know whether wrap is the correct term or justify. I’m using PrimeNg’s p-timeline. I’m doing exactly as mentioned in the official documentation: <p-timeline [value]="events" layout="horizontal"> <ng-template pTemplate="content" let-event> {{event.status}} </ng-template> </p-timeline> ———————————- events: any[]; ngOnInit() { this.events

Issue I have added Datatable from primeng-v2.0.4. <p-dataTable [value]=”tableData” [rows]=”rows” [paginator]=”true” [resizableColumns]=”true” [tableStyleClass]=”table-wrap” [rowsPerPageOptions]=”[5,10,20]”> : : </p-dataTable> I saw option [paginatorAlwaysVisible]=”false” in one of the forums, but that attribute does not seem to be available for this version of primeng.

Issue I have multiple panels and 2 buttons. One button will expand them all and the other one will collapse them all. I’m not able to expand or collapse them. Does anyone know how to make this happen? Here’s my

Issue Any idea how to programmatically select an item in a primeng p-menu? Code is straightforward: <p-menu #menu [popup]=”true” [model]=”configMenuItems” appendTo=”body” [style]=”{‘text-align’: ‘left’}”></p-menu> <button type=”button” class=”btn btn-link” pTooltip=”Select Site” tooltipPosition=”left” onclick=”this.blur();” (click)=”menu.toggle($event)”> {{selectedSite.DisplayName}} <span class=”caret”></span> </button> Solution Judging by the

Issue I’m completely new in angular and primeng. I’m doing a simple app (well, is a static web with different components) in which I use a router to render different components based on url. One of this components use the

Issue When I navigate to order page got values of all fields except in <p-tag field…Blank field is showing and getting following errors Cannot read properties of undefined (reading ‘label’) I am using angular version 13 All codes are given

Issue I have an angular application in where im using floating labels when i first load the component (a p-dialog) the floating labels are “falling down” to the select as shown in the image here is the code im using

Issue How and is it possible to change date format when filtering by date? <p-columnFilter type="date" [field]="col.field" display="menu"> Default format is mm/dd/yyyy but I want to achieve dd/mm/yyyy Solution So far I haven’t posted an answer so here is the

Issue I’m writing an angular14 project using PrimeNG 13.4.1 I use the p-treeSelect component with checkboxes in order for the user to be able to select root nodes and to select multiple items. what I’m trying to achieve is that

Issue I have the follwing code which work great, it show some simple data with table when press a button, But I want all the data of table to show with popup window and not part of the screen, how

Issue I’m working with the primeNG component, but I can’t load the data. MultiSelect this.listadoProductos = this.resolucionDatosCargados[‘listProduct’]; this.parametros[‘producto’] = this.listadoProductos; console.log(this.parametros[‘producto’]); <!–MultiSelect–> <h4>Grupo de producto</h4> <div class=”ui-fluid”> <p-multiSelect [options]=”listadoProductos” [(ngModel)]=”parametros.producto” optionLabel=”descripcion” defaultLabel=”Producto” display=”chip”></p-multiSelect> </div> This is the JSON object that

Issue I created a angular 13 and PrimeNG 13. I generated a component named header. I am trying to add Mega menu . How do i add it on header component. I am trying to learn a new technology please

Issue Getting this error when trying to add a primeNG dropdown to userform.component.ts, I’ve referenced this but to no avail as I already have this fix immplemented: primeng dropdown component error ('p-dropdown' is not a known element) Uncaught Error: Template

Issue I am using primeng table with angular.Below is the code for using table: <p-table [value]=”cars” dataKey=”brand” [scrollable]=”‘true'” scrollHeight=”400px”> <ng-template pTemplate=”header”> <tr> <th style=”width:50px”>Vin</th> <th style=”width:50px”> Year</th> <th style=”width:100px”> Brand</th> <th>Color</th> </tr> </ng-template> <ng-template pTemplate=”body” let-rowData let-rowIndex=”rowIndex” let-expanded=”expanded” let-columns=”columns”> <tr

Issue I want to call a method when I open a component, so I’ve tested some method, no one works just (onSelect) event works. Here is a part of the code : <p-calendar id=”idCalendarDateExportFrom” [showIcon]=”true” [(ngModel)]=”dateChoosenProd” readonlyInput=”true” [showTime]=”true” dateFormat=”dd/mm/yy” [locale]=”fr”

Issue I am using primeng table with angular.Below is the code for using table: <p-table [value]=”cars” dataKey=”brand” [scrollable]=”‘true'” scrollHeight=”400px”> <ng-template pTemplate=”header”> <tr> <th style=”width:50px”>Vin</th> <th style=”width:50px”> Year</th> <th style=”width:100px”> Brand</th> <th>Color</th> </tr> </ng-template> <ng-template pTemplate=”body” let-rowData let-rowIndex=”rowIndex” let-expanded=”expanded” let-columns=”columns”> <tr

Issue I am using primeng table with angular.Below is the code for using table: <p-table [value]=”cars” dataKey=”brand” [scrollable]=”‘true'” scrollHeight=”400px”> <ng-template pTemplate=”header”> <tr> <th style=”width:50px”>Vin</th> <th style=”width:50px”> Year</th> <th style=”width:100px”> Brand</th> <th>Color</th> </tr> </ng-template> <ng-template pTemplate=”body” let-rowData let-rowIndex=”rowIndex” let-expanded=”expanded” let-columns=”columns”> <tr

Issue I created a angular 13 and PrimeNG 13. I generated a component named header. I am trying to add Mega menu . How do i add it on header component. I am trying to learn a new technology please

Issue I created a angular 13 and PrimeNG 13. I generated a component named header. I am trying to add Mega menu . How do i add it on header component. I am trying to learn a new technology please

Issue Checked box and select sans icons. I’ve added the primeicons library per: https://github.com/primefaces/primeng/wiki/Migration-Guide However, something is still a muck, I can’t get the icons with show up. package.json: … “primeicons”: “^1.0.0-beta.10”, “primeng”: “6.1.2”, also have, not sure if relevant.

Issue Checked box and select sans icons. I’ve added the primeicons library per: https://github.com/primefaces/primeng/wiki/Migration-Guide However, something is still a muck, I can’t get the icons with show up. package.json: … “primeicons”: “^1.0.0-beta.10”, “primeng”: “6.1.2”, also have, not sure if relevant.

Issue I am encountering the error: "Module not found: Error: Can’t resolve ‘@angular/cdk/scrolling’" as soon as I add import TableModule from primeNG in app.module.ts. Why is this error is thrown? I don’t see any module dependency mentioned in the primeNG

Issue I have created a project in the Angular 13 version. I have installed PrimeNG controls (13.3.0 version) . Now I want to use the Steps control but it’s not working. In my Account Module I have created a folder

Issue I want to try out the scrollable table from PrimeNG. For the moment I’d just like to display some data and let the user edit these. So I wanted to start off with a table that contains a header