We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Enable maximize, minimize and drag functionalities in the Dialog

Thread ID:

Created:

Updated:

Platform:

Replies:

146004 Jul 17,2019 07:55 AM UTC Jul 29,2019 02:38 AM UTC Angular - EJ 2 7
loading
Tags: Dialog
Neo
Asked On July 17, 2019 07:55 AM UTC

Hi all,

I want to implement maximize, minimize and drag functionalities in a dialog component. It would be great if you can add maximize and minimize buttons near to the close button.


Thank you.

Christopher Issac Sunder K [Syncfusion]
Replied On July 18, 2019 02:45 PM UTC

Hi Isanka, 

Greetings from Syncfusion support. 

Our Dialog component have in-built support to drag inside the specified target. With that functionality, you can achieve your desired requirement. Pleas refer to the below APIs which would help you to enable dragging in dialog, 


Here are the drag events, 


Regarding minimize and maximize, we don’t have direct support in dialog. But, you can customize the header property to place the icons near the close button and enable pointer-events to auto to handle action events. The header specifies the value that can be displayed in the dialog’s title area that can be configured with HTML elements. 

Please check with this and get back to us if you require any further assistance. 

Thanks,
Christo 


Neo
Replied On July 24, 2019 01:33 PM UTC

Hi Isanka, 

Greetings from Syncfusion support. 

Our Dialog component have in-built support to drag inside the specified target. With that functionality, you can achieve your desired requirement. Pleas refer to the below APIs which would help you to enable dragging in dialog, 


Here are the drag events, 


Regarding minimize and maximize, we don’t have direct support in dialog. But, you can customize the header property to place the icons near the close button and enable pointer-events to auto to handle action events. The header specifies the value that can be displayed in the dialog’s title area that can be configured with HTML elements. 

Please check with this and get back to us if you require any further assistance. 

Thanks,
Christo 


Hi,

Couldn't done using your reference. Please give me a sample in Stackblitz. (Already tried demo sample. But not working for me)

Thank you.

Narayanasamy Panneer Selvam [Syncfusion]
Replied On July 25, 2019 01:33 PM UTC

Hi Isanka,
 
Thanks for your update.
 
Yes, we have prepared a sample by using mentioned APIs and relevant events. Please view it from the link. Kindly let us know if you need any further assistance on this.

 
Regards,  
Narayanasamy P.  


Neo
Replied On July 26, 2019 05:21 AM UTC

Hi Isanka,
 
Thanks for your update.
 
Yes, we have prepared a sample by using mentioned APIs and relevant events. Please view it from the link. Kindly let us know if you need any further assistance on this.

 
Regards,  
Narayanasamy P.  


Hi Panneer,

Thank you very much for your support. There is a small issue which is related to alignment in minimize and maximize buttons when we comes to the full screen.

Narayanasamy Panneer Selvam [Syncfusion]
Replied On July 26, 2019 10:49 AM UTC

Hi Isanka, 
 
Thanks for your update.

We have checked and resolved the alignment issue with full screen mode, please get the modified demo sample from the below link. 
  
Regards, 
Narayanasamy P. 


Neo
Replied On July 26, 2019 10:53 AM UTC

Hi Isanka, 
 
Thanks for your update.

We have checked and resolved the alignment issue with full screen mode, please get the modified demo sample from the below link. 
  
Regards, 
Narayanasamy P. 


Awesome.. Thanks again

Narayanasamy Panneer Selvam [Syncfusion]
Replied On July 29, 2019 02:38 AM UTC

Hi Isanka, 
  
 We glad to here that the reported issue is resolved at your end. 
  
Regards, 
Narayanasamy P. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon