primeng icon indicating copy to clipboard operation
primeng copied to clipboard

Draggable and Resizable DynamicDialog

Open sgentile opened this issue 6 years ago • 18 comments

Is there a property that can be set to allow the dynamic dialog to be draggable in the same way the dialog is draggable ?

sgentile avatar Jun 14 '19 12:06 sgentile

Yes should be very nice! And also:

  • maximizable
  • resizable

etc from Dialog

marten-nilsson avatar Jun 25 '19 12:06 marten-nilsson

Are there any updates on this?

Ox01 avatar Feb 28 '20 09:02 Ox01

For Angular 9 & Ivy, Dialog has been rewritten. Is-it possible to rewrite DynamicDialog in order to have the same functionality as the classic dialog ? Thanks

djay1977 avatar Mar 02 '20 16:03 djay1977

I'm also looking forward to see the DyanmicDialog with the same functionality as the classic Dialog.

DReiser7 avatar Mar 11 '20 13:03 DReiser7

Here is a piece of code on Medium that responds exactly to this use case : medium.com draggable-directive-and-how-to-make-angular-material-dialog-draggable. the implementation uses an Angular Directive. The code has to be a little bit adjusted: it uses the old syntax of ngrx and the dragHandle/dragTarget should be .p-dynamic-dialog

I hope this helps :)

armandQ avatar Nov 24 '20 12:11 armandQ

Here is a piece of code on Medium that responds exactly to this use case : medium.com draggable-directive-and-how-to-make-angular-material-dialog-draggable. the implementation uses an Angular Directive. The code has to be a little bit adjusted: it uses the old syntax of ngrx and the dragHandle/dragTarget should be .p-dynamic-dialog

I hope this helps :)

thank you helped me! I made a change dragTarget=".p-dynamic-dialog" dragHandle=".p-dialog-header" because I had an issue with textarea.

eliassparagis avatar Apr 08 '21 08:04 eliassparagis

+1

jonnomk avatar Jun 07 '21 14:06 jonnomk

+1

ThoSap avatar Jan 11 '22 14:01 ThoSap

@yigitfindikli I hope this feature will be developed for a 13.x version because it has been postponed since release 9

Thanks in advance

djay1977 avatar Jan 12 '22 09:01 djay1977

+1

Stankman avatar Jan 13 '22 01:01 Stankman

I hope you support draggable in thiss year :(

duongminhthuan1478 avatar Apr 21 '22 09:04 duongminhthuan1478

Any updates on this feature request?

Stankman avatar Jun 17 '22 13:06 Stankman

with Directive we can able to make Prime ng Dynamic Dialog draggable. It is working perfectly in my project

KiranPurbey1993 avatar Aug 08 '22 11:08 KiranPurbey1993

Thanks - this was posted in 2019

sgentile avatar Aug 08 '22 11:08 sgentile

Why closed this issue ? We still don't have a component-level solution to maximize, collapse and move the dialog like the classic Dialog. Why not implement the same functionality for the DynamicDialog

djay1977 avatar Aug 08 '22 12:08 djay1977

I’m no longer using primeng and they haven’t addressed this issue in 2 years so maybe someone else can push them to provide this feature.

sgentile avatar Aug 08 '22 12:08 sgentile

with Directive we can able to make Prime ng Dynamic Dialog draggable. It is working perfectly in my project

But what happens when you close the dialog? This directive uses transforms to move the draggable item around, but the dialog uses left/right positioning. This means when you close the dialog, it shoots back to the center and then animates out.

jonnomk avatar Aug 08 '22 14:08 jonnomk

Please reopen this issue @cetincakiroglu @yigitfindikli @mertsincan

ThoSap avatar Aug 08 '22 15:08 ThoSap

+2

Stankman avatar Aug 29 '22 19:08 Stankman

Primeng v15.2.0 available draggable properties. but we should enable dynamic dialog header. I tried other draggable plugin, it's not working in primeng. the requirement is should draggable dynamic dialog without enable header.

Infy2020 avatar Feb 02 '23 05:02 Infy2020

Also we can draggable dynamic dialog using header. if move the mouse to body content then draggable icon disappeared.

Infy2020 avatar Feb 02 '23 05:02 Infy2020

Any updates on this feature request? Why closed this?

JimTudeski avatar Sep 06 '23 15:09 JimTudeski