Category "primeng"

Prime NG calendar closing when the soft keyboard opens

I am working in an Angular 10 app. When using a tablet, opening a p-calendar primeng component opens the soft keyboard, triggering a window resize event. p-cale

How to increase width of pTooltip in PrimeNG

I'm using PrimeNG's tooltip and am trying to make it wider when it has lots of text in it, but it is not responding to anything I try. I have tried using Prime

Paginator set always at the first page primeng

The user, after a research that loads values in table, can use pagination to show the other pages with the other value. The problem is that the user see pagina

Override PrimeNG component CSS

I am using PrimeNG OverlayPanel to be displayed in dropdown click but I have a problem to move default left arrow to right position. I tried everything that was

Dynamically Add tabPanel to tabView in PrimeNg

I wanted to have a 'Add Tab' button, on clicking that button i want to add a new Tab(tabPanel) to existing list of tabView. Till now i am able to achieve the ad

Unable to get prime-ng table pagination dropdown to hover over everything

I have been using mat-tab in conjunction with prime-ng table and have been trying really hard to make sure that pagination drop down number doesn't get clipped

PrimeNg Icons Not Showing (Checkbox and Select)

Checked box and select sans icons. I've added the primeicons library per: https://github.com/primefaces/primeng/wiki/Migration-Guide However, something is st

p-calendar angular 6 event onClick doesnt fire (and others events)

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-cal

Upgrade project from 9.1.3 to version 10 PrimeNG for Angular

Now I upgrade project version 9.1.3 to version 10 PrimeNG and I see some change here error change structure folder import ConfirmationService not import from 'p

primeng table:p-table row grouping width not working when scrollable enable

I am using primeng table with angular.Below is the code for using table: <p-table [value]="cars" dataKey="brand" [scrollable]="'true'" scrollHeight="400px"&

Highlight selected row in primeng table without checking the checbox

I am using primeng p-table along with p-checkbox. I want to be able to highlight the clicked row (or the row content) without checking the checkbox. The Checkbo

How to change primary color for Prime NG

How can I change default primary color for primeNG (saga-blue theme) ? changing --primary-color doesn't help, because in node_modules/..../theme.css elements ar

How do i set the active tab in PrimeNG tabMenu?

Where I do declare activeIndex and how to use this variable ? I have html file: <p-tabMenu [model]="tabMenuItems"></p-tabMenu> and typescript f

How to apply mask behavior in primeng calendar (p-calendar)?

I am new to angular, in p-calendar I'm not able to apply masking behaviour. Example: If user enters 01012012, I want to change it to 01-01-2012. Thanks in advan

How can i set a default selection in PrimeNG Treetable

I want to set the selection with the value i get from Local-Storage. Here is the code: HTML: <p-treeTable [value]="tableDataRow$ | async" [col

Primeng expandable column headers don't show

I have an expandable row in Angular2 using Primeng2 but the column headers for the expandable columns aren't showing. This is my table with the expandable rows

How can I upload the data to my p-multiSelect?

I'm working with the primeNG component, but I can't load the data. MultiSelect this.listadoProductos = this.resolucionDatosCargados['listProduct']; this.par

Disable PrimeNG Calendar month selection in Typescript

I am using PrimeNg Calendar in my angular 7 project, wanted to disable month navigator on some conditions at the component level. Ex: Current Month is February

Grid lines are not showing primeng table

Created a table grid using and sometimes the vertical or horizontal lines are not showing up. When I change the zoom percentage or refresh the page or scroll t

PrimeNg Calendar: Default time for selecting start date with time - should be start of day time that is 00:00:00

I am using PrimeNg calendar widget with 2 fields that is startDate and endDate. Currently when selecting startDate, It is showing the selected date with curren