Questions tagged [primeng-dialog]
35 questions
2
votes
0 answers
Primeng dynamic dialog draggable
Primeng v15.2.0 available draggable properties. but we should enable dynamic dialog header for drag dynamic dialog. I tried other draggable plugin (https://www.npmjs.com/package/angular2-draggable), it's not working in primeng. the requirement is…
Naren
- 51
- 3
2
votes
1 answer
Programmatically open PrimeNG calendar in modal popup
How to make PrimeNG calendar at open state by default in modal popup ? Or how to trigger click event to open PrimeNG calendar which is in modal popup by typescript ?
If I used in HTML itself, it triggers the click event to open calendar by…
Newbie007
- 169
- 1
- 5
- 13
1
vote
0 answers
How to open pDialog with a suscribe in Angular with primeNg
I am trying that when I click on a 'td' of my table, which has a button, it launches a modal with that data
Is funny because when i click once, didnt apper the dialog, but if i click twice, the dialog appers..
My TS is:
export class…
HammerStopped
- 11
- 2
1
vote
1 answer
Angular PrimeNg how to chain confirmdialog
I am using primeng ConfirmationService to display confirm dialog. After the first dialog is confirmed, i want to display another dialog based on a condition. But it is not working. Here is my code. Can anyone help me how to solve…
Mukil Deepthi
- 6,072
- 13
- 71
- 156
1
vote
2 answers
Checkbox toggle within not working manually through UI
I am working on adding checkboxes inside 'p-dialog' part of primeng package.
However,I am stuck at a UI issue, when I try to check uncheck the checkbox manually from UI,it doesnt work also the change or click event does not fire for the same.…
AnitaS
- 139
- 7
1
vote
1 answer
PrimeNG Dynamic Dialog - Close by click to nowhere
I use a Dynamic Dialog from PrimeNG.
How can I force to close the dialog by clicking in the "nowhere" area around the dialog?
Currently I only can close the dialog by using buttons within the dialog.
Konrad
- 4,329
- 10
- 54
- 88
1
vote
1 answer
Pass Form Variable in Primeng Dialogue's (onHide) Function when Clicked on "X" Button
I am using Primeng Dialogue with a Form inside it. Form has a cancel button where I am passing form (ngForm) variable to check if the form is in dirty mode or not. If it is in dirty mode I am showing a cofirmation dialogue. The same thing will…
Jasmin Akther Suma
- 618
- 7
- 15
1
vote
2 answers
PrimeNG p-dialog positionTop
We are displaying an Angular 4 application inside IFrame. We use PrimeNG components and in one of the situations, we need to display PrimeNG p-dialog box. By default, p-dialog box is shown in the center of Iframe (in terms of height), and not the…
Amanpreet
- 11
- 6
1
vote
1 answer
How can I use dismissableMask in PrimeNG
I am trying to hide a dialog when I click outside of dialog, but I can't make it with dismissabeMask in PrimeNG. Can anyone help me please ?
HTML
1
vote
2 answers
Angular 2 Testing PrimeNG ConfirmationDialog
I'm writing jasmine unit test for following code:
this.confirmationService.confirm({
message: 'Are you sure that you want to delete?',
accept: () => {
//some code to test
}
});
How I can fake clicking of Yes in the dialog, to test code…
Konstantin Tuezov
- 11
- 3
0
votes
1 answer
How to apply style to the dialog's header in Primeng?
I use Primeng version 11 for my Angular 11 project. I want to style the header of the dynamic dialog but don't know how.
I've tried headerStyle (error yet contentStyle works) and ":host ::ng-deep", but it's not working.
Here is my app.component.ts…
Nhut Truong
- 5
- 2
0
votes
1 answer
AppendTo property for dynamic dialog
For ConfirmDialog there is a property - appendTo
Using this property we can append dialog to any element. I don't see such property for DynamicDialog.
Is there any way to append DynamicDialog to some element, not to body?
vborutenko
- 4,323
- 5
- 28
- 48
0
votes
1 answer
angular primeng p-confirmdialog - how to replace close icon of dialog panel with google material icon
I am working on a requirement where I need to replace the dialog panel's close icon with google material icon.
Find the following screenshot in which I want to replace the close icon with google material icon.
dialog box screenshot
Following code…
PrashantB
- 1
- 2
0
votes
1 answer
How to programmatically recenter PrimeNG dialog when content width expands
New to PrimeNG/Angular here. We have a element that first opens as a fairly small window. Users can click on a link to expand the dialog. When expanded, the width expands to the right but the dialog stays positioned as when it first opened.
I…
earachefl
- 1,880
- 7
- 31
- 55
