Skip to main content
Filter by
Sorted by
Tagged with
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 ...
BoLT's user avatar
  • 1
-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 ...
Micku's user avatar
  • 69
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 ...
Asaf Abekasis's user avatar
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 ...
stackinfostack's user avatar
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]...
user9014's user avatar
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 ...
thomas's user avatar
  • 1,265
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....
Harsh Patel's user avatar
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 ...
Abdoulaye Cissé's user avatar
-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 ...
chris01's user avatar
  • 12.1k
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 ...
Nadee Darshika's user avatar
-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 ...
Alien's user avatar
  • 139
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 ...
Clinton Hadrian's user avatar
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....
thomas's user avatar
  • 1,265
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/...
thomas's user avatar
  • 1,265
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 ...
OhJohnny's user avatar
  • 339
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 ...
smartmouse's user avatar
  • 14.3k
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 ...
SP08AL's user avatar
  • 19
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 ...
Borneo777's user avatar
  • 181
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 ...
Nitin Avula's user avatar
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 ...
Imtellinu's user avatar
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 ...
eflat's user avatar
  • 979
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 ...
Alexandra's user avatar
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 ...
DonDavid12's user avatar
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?
Erik Vasilyan's user avatar
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 ...
OhJohnny's user avatar
  • 339
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 ...
imnotthatrobot's user avatar
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 ...
Panda18989's user avatar
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 ...
Jackanap3s's user avatar
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 *...
Anna Klein's user avatar
  • 2,105
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 ...
CStreet's user avatar
  • 374
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. ...
Cyril Hanquez's user avatar
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&...
CosmosFutur's user avatar
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 ...
neukoellnjenny's user avatar
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)&...
Keshav Vats's user avatar
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 ...
Sebastian's user avatar
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 --- ...
Eiael's user avatar
  • 26
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 ...
chaya levy's user avatar
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'...
Kashif Khan's user avatar
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 ...
Janmejay Ghosh's user avatar
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 ...
Developer123's user avatar
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 ...
marocena26's user avatar
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%...
The One's user avatar
  • 4,773
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 ...
Ackeem Mclennon's user avatar
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-...
Alessio Raddi's user avatar
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 ...
Clinton Hadrian's user avatar
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 ...
Venu chellaboina's user avatar
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 ...
dpdragnev's user avatar
  • 2,081
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 ...
Cremita Xb's user avatar
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" ...
MartinaAnt's user avatar
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 ...
Bramist's user avatar
  • 113

1
2 3 4 5
95