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. Image for the cookie policy date

Enable maximize, minimize and drag functionalities in the Dialog

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.

7 Replies

CI Christopher Issac Sunder K Syncfusion Team July 18, 2019 06:45 AM

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 



NE Neo replied to Christopher Issac Sunder K July 24, 2019 05:33 AM

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.


NP Narayanasamy Panneer Selvam Syncfusion Team July 25, 2019 05:33 AM

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.  



NE Neo replied to Narayanasamy Panneer Selvam July 25, 2019 09:21 PM

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.


NP Narayanasamy Panneer Selvam Syncfusion Team July 26, 2019 02:49 AM

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. 



NE Neo replied to Narayanasamy Panneer Selvam July 26, 2019 02:53 AM

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


NP Narayanasamy Panneer Selvam Syncfusion Team July 28, 2019 06:38 PM

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


Loader.
Live Chat Icon For mobile
Up arrow icon