4,706
questions
0
votes
0
answers
12
views
Date filter in Primeng
I'm developing a SPA with PrimeNG's table to display records, and each column has a filter for its data. One of them is a date record, in my template i am currently having two date fields for filters ...
-1
votes
0
answers
29
views
How to auto display first element in dropdown? [closed]
I want to display the first option of the dropdown array. In the previous version, it was working using the 'autodisplay' attribute. Now its deprecated. After upgrading to PrimeNG 17, the dropdown ...
2
votes
0
answers
12
views
prime ng p-table footer is going over tr's
I am using prime-ng table and Im trying to put a button in the bottom of the table
and i want this button to be always close to the bottom of the table
but the footer is going over the last
here is ...
0
votes
1
answer
21
views
Primeng Remove vertical line from Vertical Stepper
Currently i am using primeng stepper vertical. In that i need to remove vertical line for all steps. Can you help that. Please find screen shot for same.This is primeng vertical stepper image.
Is ...
1
vote
1
answer
9
views
Angular- Primeng calender not displaying past end date values if minDate is current Date
Primeng calender not displaying past end date values if minDate is current Date, How to display the past dates without using any [disabledDates] property?
Below is the code:
<p-calendar [showIcon]...
0
votes
0
answers
23
views
Primeng Ultima - integration with Angular standalone
I have created an Angular app (via jhipster), and I am trying to integrate the Ultima primeng template.
The issue I have is that my Angular app uses standalone components whereas Ultima doesn't to use ...
0
votes
1
answer
22
views
In Primeng Table how to get the reordered rows/list after reordering the rows?
<p-table [value]="playlistTracks" [rows]="10" [showCurrentPageReport]="true" [rowsPerPageOptions]="[10,25,50]"
[totalRecords]="playlistTracks....
0
votes
1
answer
37
views
'p-carousel is not a known element' error when integrating PrimeNG Carousel [closed]
I'm having issues with PrimeNG's p-carousel when trying to set up a circular carousel. I imported the CarouselModule into my component's module as recommended, I copied the TypeScript code, but when ...
-3
votes
1
answer
46
views
How to get an event if columns changed? [closed]
I use PrimeNG table and also have a selection of columns.
As it is here in an example.
https://primeng.org/table#column-toggle
Now I need to get an event if the colums where changed (afterwards) - for ...
1
vote
2
answers
59
views
Implementing a breadcrumb system using routing history in Angular 18
I am currently implementing a breadcrumb system using routing history. The issue arises when the current path is the root. For example, I have set the root path to load a user table view. When a user ...
-1
votes
0
answers
18
views
Issue with ngx-bootstrap dropdown and PrimeNG datatable not updating on first attempt in Angular
I'm using the Metronic theme in my Angular app along with ngx-bootstrap and PrimeNG. I'm facing an issue where the ngx-bootstrap dropdown doesn't toggle on the first click, but works correctly on the ...
0
votes
1
answer
29
views
Prevent PrimeNG <p-chip> from being removed on onRemove event but keep the remove icon visible
I’m using the component from PrimeNG in my Angular project, and I want to prevent the chip from being removed when the remove icon is clicked. However, I still want the remove icon to be visible and ...
0
votes
1
answer
25
views
Primeng - TieredMenu not showing, seems to be empty
My component :
ngOnInit(): void {
this.translateService.setDefaultLang('fr'); // Langue par défaut
this.translateService.use('fr'); // Utiliser la langue choisie
this.accountService....
0
votes
0
answers
30
views
Jhipster 8.7.0 - primeng : button style
I have generated a Jhipster application and installed primeng.
In vendor.scss :
@import 'primeng/resources/themes/nova/theme.css';
@import 'primeng/resources/primeng.min.css';
@import 'primeicons/...
0
votes
0
answers
25
views
Looking for workaround for: When focus is on p-dropdown, tab key does not focus on next item
I have a p-table with editable inputs including a p-dropdown. As soon as the focus is on the p-dropdown, the focus doesn't go to the next input by using the tab key. But when the focus is one a simple ...
1
vote
1
answer
38
views
File upload: specify file type doesn't work on mobile device
I'm using FileUploadModule in my PrimeNg project and I have wrote the following code:
<p-fileUpload accept=".bin"></p-fileUpload>
I have tried different mobile browsers (on ...
1
vote
1
answer
38
views
How to reset [maxDate] [minDate] in p-calendar
Issue Description
I'm working with PrimeNG's p-calendar component in my Angular application. I have two date pickers: one for selecting a start date and another for selecting an end date. The end date ...
1
vote
1
answer
46
views
How to modify PrimeNg pTooltip directive to stop listening on Escape button
I have a list of 1000 rows and each of them has pTooltip on it.
<div *ngFor="let l of longList">
<div [pTooltip]="'Hi'">Text</div>
</div>
When I press ...
0
votes
1
answer
34
views
How to create a custom reusuable component to display Empty message in Primeng Table?
I'm using primeng tables in my project and I'm trying to create a custom reusable component to display empty message when no data is available. So, In my component if I have the below code it is ...
0
votes
0
answers
19
views
Does a p-paginator inside a p-table communicate the same or differently to a p-paginator outside the p-table?
I'm asking this question because I recently worked on a project and small part of that project was adding pagination(comes from PrimeNG) to both the top and bottom of the page where the data was laid ...
0
votes
0
answers
30
views
Primeng calendar - setting width without scrollbars
I'm using the primeng calendar component in an angular app. I have it inline and showing 2 months side-by-side. When I try to set a width for it, anything less than around 800px simply brings up the ...
1
vote
1
answer
47
views
PrimeNG orderlist cannot be resized by primeNG splitter
I have a primeNG orderlist inside a primeNG splitter tab. Unfortunately the orderlist contains some pretty long strings, which causes the splitter to not be able to resize the tab. It reaches its ...
0
votes
2
answers
57
views
Login User Data Persistent
I'm not understanding what I'm doing wrong in this implementation. So I'm logging in and passing the correct credentials for a user. After submitting the credentials it will call the server to ...
1
vote
1
answer
30
views
Angular PrimeNG modify p-button, p-inputSwitch styles
How to modify PrimeNG's p-button, p-inputSwitch styles if ng::deep is deprecated?
1
vote
1
answer
39
views
Looking for a workaround for: p-dropdown in p-table with class="ng-invalid" prevents other inputs in table to be edited
In an Angular (17.3.12) and Primeng (17.18.6) environment,
I have a p-table with p-dropdown columns in it that are editable. As soon as a p-dropdown gets the class="ng-invalid" out of ...
1
vote
0
answers
65
views
<p-tabPanel> not being projected into PrimeNG <p-tabView> using <ng-content>
I want to create an Angular component which consists of a set of tabs, the first one is always present, but then the rest of the tabs can vary. So I decided to create a component BaseTabView which ...
0
votes
0
answers
30
views
PrimeNG p-inputMask Removing the Leading '9' from Dial Codes in Custom Phone Number Input Component
I've created my own custom component for a country-flag dropdown and currently I'm facing an issue where if a user selects a country that has a incorrect placeholder like this +_3 ___ ___ ____. This ...
1
vote
0
answers
35
views
Odd behaviour when changing screens in Angular application
I have a dashboard page with visualisations where their height and width are set to be 100% of their container. When I shrink the page manually it works, but when I switch screens I have to refresh ...
1
vote
1
answer
62
views
Apply pulse / breath effect to border of card of primeng
I have a list of employees displayed in a card class of primeng.
<ng-template pTemplate="gridItem">
<div class="grid grid-nogutter">
<div *...
0
votes
2
answers
98
views
Show message from interceptor function Angular 18
Before upgrading to Angular 18 and a function based interceptor, I was using the traditional class based interceptor and was able to throw up alerts on the screen when an error occurred using a simple ...
0
votes
1
answer
39
views
Autocomplete not showing suggestions
I'm trying to make primeng autocomplete component work using formly (json) but I'm stuck as suggestions are not displayed: onComplete function is clearly working as results are back from the ws call. ...
0
votes
0
answers
15
views
How to Adjust Row Heights in PrimeNG's p-table, Specifically for p-columnFilter Rows?
I am working on a PrimeNG p-table component where I want to ensure that the height of the row containing the p-columnFilter components matches the height of the header row and the "Search keyword&...
1
vote
1
answer
27
views
Add Dropdown Option on Opening a Grouped Dropdown
When the user opens the dropdown list, I want to add an dropdown item.
This is no problem in an ungrouped dropdown, but when I set [group]="true" this does not seem to work any longer...
I ...
0
votes
0
answers
40
views
how to call a function on closing a tab in primeng tab component, p-tabPanel, p-tabView in Angular
<p-tabView [controlClose]="true">
<p-tabPanel *ngFor="let tab of tabs"
[header]="tab.actionName"
(click)="selectTab(tab)&...
1
vote
0
answers
26
views
primeng p-calender minDate not enforced when changing time for the first time
I have a variable holding my minDate, for example 12:30. When i first enter into the calender control, I can change the time to before min Date once, by clicking the down arrow on the control:
This ...
0
votes
0
answers
42
views
PrimeNg Tree : Make some droppoints not droppable when drag start
I have to define a specific DragDrop behavior in my p-tree component.
I have a tree like this :
- Item 1
--- Item 2
----- Folder 1
------- Item 3
--------- Folder 2
----- Folder 3
------- Item 4
--- ...
1
vote
1
answer
36
views
Primeng angular dialog
I am trying to override the style of prime-ng angular p-dialog-content. But to no avail. It is also styled in global CSS of the project. So maybe that's another reason why it doesn't work.
When I ...
0
votes
0
answers
23
views
Angular/PrimeNG/PrimeFlex - Left and Right Panel Heights Hidden Beyond Card Body
I am working on an Angular project using PrimeNG components, and I'm facing an issue where the left and right panels of a p-card are extending beyond the height of the card body and getting hidden. I'...
0
votes
0
answers
65
views
In primeng 17 if the value set in p-calendar and [maxDate] are same then the value is not showing
here is the demo i made in stackblitz ,
https://stackblitz.com/edit/nb7yxf?file=src%2Fapp%2Fcalendar-minmax-demo.ts
I tried to bind the date value in p-calendar it works for every date except it ...
0
votes
0
answers
36
views
Exclude certain row from primeNg treatable sort
I am new to Angular and other FE technology.
I want to implement a primeNg treetable with 2 levels of treedata...
How can we implement sorting that only child data is sorted and toggleable rows are ...
0
votes
0
answers
40
views
Disable property doesn't work in button component - primeng, angular18, typescript
I have created a component to manage the buttons that I use in my website (styles, type, status...), the buttons are from primeng. The problem I have is that when I use them in any component it works ...
0
votes
1
answer
51
views
Formly Angular form style
I'm trying to use Formly for angular and primeng for the first time
https://v5.formly.dev/
But the example they provide looks bad:
https://stackblitz.com/edit/ngx-formly-ui-primeng?file=src%2Fapp%...
1
vote
2
answers
127
views
PrimeNG Table Coumn filtering working - Documentation not clear or may be outdated
My aim is to display a list of individuals to in a table component and filter and or search based on certain criteria. My template code is as follows:
<div class="flex flex-col bg-gray-100 p-6 ...
0
votes
1
answer
35
views
Primeng customize dropdown items differently from "main" item
I recently installed Primeng.
I'm trying to use p-menubar component aka Menubar, I read on docs that there's the possibility to customize menu items using ng-template but the moment I add "sub-...
1
vote
1
answer
126
views
PrimeNG Ripple Effect Not Working in Angular
I'm having trouble getting the ripple effect to work in my Angular application using PrimeNG. Despite following the documentation and various tutorials, the ripple effect doesn't seem to activate on ...
0
votes
0
answers
47
views
How can we merge both PrimeNg Css and Bootstrap css to individual modules with out conflicts in Angular
I developed an Angular project three months ago, structured with both applications and a library using Bootstrap. Now, I need to migrate the entire project to PrimeNG components. I have rewritten the ...
0
votes
0
answers
54
views
PrimeNG's multiselect is throwing an error when used with input signals
I have a Angular 18.1 application in which I am using PrimeNg 17.18.5 (which according to their documentation should be compatible with ng 18). In this application, I have a multiselect bound to an ...
1
vote
1
answer
60
views
Getting error, Null is not assignable to type String | Undefined in angular
I am having problems with my code, is a POS and I am trying to do the Sell part, but this error is keeping me for days and I don't know how to fix it.
X [ERROR] NG2: Type 'string | null' is not ...
0
votes
0
answers
134
views
PrimeNG p-calendar component with minDate issue when using formcontrol
I have upgraded my project from v15 to Angular v18/PrimeNG v17 and in my component:
<p-calendar
dateFormat="yy-mm-dd"
...
0
votes
0
answers
52
views
Using ngxTranslate with PrimeNG dropdown breaks after migrating from Angular v16 to v18
DESCRIPTION
I've just upgraded from Angular v16 to v18. All is working fine, except for the translation of my dropdown items. I'm using ngxTranslate for this, together with my own implementation of ...