Stack Overflow
Stack Overflow

Questions tagged [primeng-dialog]

35 questions
37
votes
6 answers

PrimeNG dropdown hidden by dialog

I have an Angular2 app using PrimeNG components. I want a dropdown inside a dialog box. However, when i have implemented this, the dropdown is cut off by the limit of the dialog box as shown in the screenshot below. What i want is for it to display…
DaRoGa
  • 2,196
  • 8
  • 34
  • 62
11
votes
2 answers

PrimeNG p-dialog modal in Angular application blocks background and the dialog window itself

I am using a p-dialog PrimeNG component in my Angular 5 application like this: Title
Rands
  • 113
  • 1
  • 1
  • 7
10
votes
7 answers

How to call angular function when click p-dialog close(X) button?

How to call angular function when click p-dialog close(X) button? I have searched and just tried this (onHide)="cancel()" . But it's not working. Kindly share your solutions. I know we can use a close/cancel button to hide the popup. But in my…
Ramesh Rajendran
  • 37,412
  • 45
  • 153
  • 234
9
votes
1 answer

Angular4 PrimeNG dialog as component

I am struggeling with an angular/primeng problem. i am new with angular4 and i am trying to open and close a dialog as an own component. I have a list-component where a datatable loads all data. If you click on a row and press the open button the…
Anton Styopin
  • 753
  • 4
  • 17
  • 35
6
votes
2 answers

PrimeNG: custom header for DynamicDialog

Is there a way to define a custom header template for a dynamic dialog? For the normal dialog you have the possibility to define the p-header tag, with your custom html code. But I don't find any way to do this for a dynamic dialog.
user2622344
  • 956
  • 1
  • 10
  • 26
6
votes
0 answers

PrimeNG: DialogService in Interceptor

I want to display a PrimeNG dynamic dialog, if the user is unauthorized (status == 401). But if I want to open the dialog, I get an error: NullInjectorError: No provider for DialogService! I solved this by adding the DialogService to the root's…
user2622344
  • 956
  • 1
  • 10
  • 26
6
votes
1 answer

How to resolve Angular 10 primeng NullInjectorError: No provider for ConfirmationService?

I am using primeng confirmDialog which required the confirmationService in my Angular 10 project but nothing is shown at localhost:4200 and I got the following error in Chrome console. ERROR NullInjectorError:…
PopJoestar
  • 462
  • 1
  • 4
  • 10
6
votes
1 answer

How to open a PrimeNG p-dialog box on a button click and pass data from the component to p-dialog?

I am working on an Angular migration project where the code is being refactored from AngularJS to Angular 5. Here is the AngularJS code snippet. HTML
6
votes
3 answers

Angular 2 Nested Modal Dialog with PrimeNG doesn't work

I am using the PrimeNG dialog component and I have a modal dialog from which, on the click of a button, I want to show another modal dialog. What is happening is that my second modal dialog is not really modal, because I only see the content of the…
altruistlife
  • 191
  • 1
  • 3
  • 14
4
votes
0 answers

Open only one dialog Box PrimeNG in child component from parent component on button click in Angular

This is a part of a bigger project that I have tried to simplify through this example. I use PrimeNg Babylon theme. I have parent component which has a for loop that is generating a button and a child component with dialog Box inside it for each…
Ivana
  • 842
  • 2
  • 15
  • 33
4
votes
1 answer

How to set z-index when clicked with dialog overlays (PrimeNG)?

Currently I am using dialogs from PrimeNG like this:
4
votes
2 answers

PrimeNG Dialog prevent autofocus on first button

I want to prevent the autofocus on the first input element when open the PrimeNG dialog. …
Anton Styopin
  • 753
  • 4
  • 17
  • 35
3
votes
0 answers

PrimeNG : How to display simple dialog programmatically

I'm using PrimeNG and I want to display a modal dialog programmatically. I understand I should use the DialogService for this purpose. However its first argument expects a Component. This is practical when we want to create a complex dialog with…
Sam
  • 13,934
  • 26
  • 108
  • 194
3
votes
2 answers

PrimeNg - make dynamically created dialog draggable

I am using PrimeNg library. It has nice component, which creates dialogs draggable by default. But in certain context, I am using PrimeNg's API dialogService, to create the dialog dynamically. Notice the this.dialogService.open(). But in…
David Votrubec
  • 3,968
  • 3
  • 33
  • 44
3
votes
2 answers

How can I prevent off the screen the dragging of a p-dialog from PrimeNG

I'm using p-dialog from PrimNG. With [draggable] enabled, I can prevent the modal from being dragged off-screen on the left and top using [minX] and [minY]. Is there a way to prevent the modal from being dragged off-screen on the right and bottom? I…
JonathanL
  • 136
  • 1
  • 9
1
2 3