Image Uploading Dialog Pop Up

[Joseph michael]

Hello,

I am working with Rich text editor, I am using angular,  after clicking image uploading icon in the tool bar there is a dialog pop up comes that contains file browser option, deleting and two buttons INSERT and CANCEL, I want to capture an event when CANCEL button is clicked, Is there a way to capture that event.

Thanks In Advance.

Regards,

Joseph M.

[Indrajith Srinivasan]

Hi Joseph, 

Greetings from Syncfusion support, 

We have validated your reported query and we recommend two solutions for this scenario.

Solution 1: 

You can capture the click event of the dialog cancel button by overriding the dialog default click action in the dialogOpen event and manually assign it for the button. We have prepared a sample based on your requirements. 

Sample: https://stackblitz.com/edit/angular-nvf4zk-5nf96p?file=app.component.ts 

Solution 2:

We have dialogClose event in RichTextEditor which triggers when the cancel button is clicked and the dialog is closed.

API Link: https://ej2.syncfusion.com/angular/documentation/api/rich-text-editor/#dialogclose

Sample:https://stackblitz.com/edit/angular-nvf4zk-kbcqwp?file=app.component.ts

Can you please try out the above solution and let us know if it meets your requirements. If no, can you please share your exact requirement with the dialog button click action? 

Regards,
Indrajith 

[Joseph michael]

Thanks Very Much, This works for me. But Now I want to disable outside dialog clicks (When user click outside the dialog, then the dialog should not close), is there any means from your solution to achieve this.

[Indrajith Srinivasan]

Hi Joseph, 

 

Thanks for the update, 

 

We have validated your query and tried achieving your requested behavior as a workaround but it is not possible with the current behavior. We have considered this as a feature request form our end and logged the report for the same and will be included with our patch release which is scheduled to roll-out on the first week of April 2020. 

 

You can now track the current status of the report, review the proposed resolution timeline, and contact us for any further inquiries through this link: https://www.syncfusion.com/feedback/12754/ 

 

Regards, 

Indrajith 

[Indrajith Srinivasan]

Hi Joseph,

We regret for the inconvenience cause,

We couldn't include this feature with our patch release due to complexity in the feature implementation from our end, we have planned to include the feature with our Volume 1 SP 1 release.

we appreciate your patience until then.

Regards,
Indrajith

[Indrajith Srinivasan]

Hi Joseph,

We deeply regret for the inconvenience caused,

We still couldn't include this feature with our Volume 1 SP1 release due to complexity in implementing the feature, we have planned to include the feature before our Volume 2 Release. We will let us know once the feature is implemented.

Regards, 

Indrajith 

[Indrajith Srinivasan]

Hi Joseph,

Thanks for your patience,

We have provided a new event beforeDialogClose with Rich Text Editor, in which you can now prevent the closing of dialog when clicked outside. The new event is now available with the package version 18.1.57.

Sample: https://stackblitz.com/edit/angular-nvf4zk-cdtzlr?file=app.component.html 

Please let us know if the solution helps,

Regards, 

Indrajith