Prevent accidentally close the form

[john.ng]

When user start process in tasklist, and fill data in the form,
they will usually click or highlighted to the area which is out of the form,
so the form is closed and user required to input all the information again.

Is there any way to prevent this action?

Thank you.

[hassang]

Hi @john.ng

Have a look at below post

Start process modal window

Hi @bills, You need to change the source code of tasklist web app (more specifically to change below script file) Replace below snippet: var modalInstance = $modal.open({ size: 'lg', controller: 'camProcessStartModalCtrl', template: template, resolve: { processData: function () { return processData; } } }); with the following snippet: var modalInstance = $modal.open({ size: 'lg', controller: 'camProcessStartModalCtrl', template: template, backdrop: false, resolve: { pro…

[john.ng]

It works just fine, thanks a lot!

[JulianK]

If you don’t want to make changes to the source scripts this goal can also be achieved by setting the pointer-events to none for the whole modal and re enabling for the modal content only.

maybe not as nice as @hassang’s solution, but in my opinion a quick and easy solution

.modal-open .modal {
   pointer-events: none;
}
.modal-content {
   pointer-events: all;
}