/ PDF Viewer / How To / Show pop-up after completion of export form fields
Search results

Show pop-up after completion of export form fields in Angular PDF Viewer component

21 Dec 2022 / 1 minute to read

The exportSuccess event triggers when an export annotations succeed in the PDF Viewer where you can notify the pop-up message.

Refer the following code to notify the pop-up once export annotations succeed.

Copied to clipboard
<!--Render PDF Viewer component-->
<ejs-pdfviewer id="pdfViewer"
               [serviceUrl]="service"
               [documentPath]="document"
               (exportSuccess)="fireExportRequestSuccess()"
               style="height:640px;display:block">
</ejs-pdfviewer>
Copied to clipboard
//Method to notify popup once the form is submitted.
public fireExportRequestSuccess() {
  var pdfViewer = (<any>document.getElementById('pdfViewer'))
    .ej2_instances[0];
  //API to notify popup once the form is submitted.
  pdfViewer.viewerBase.openImportExportNotificationPopup(
    'Your form information has been saved. You can resume it at any times.Form Information Saved'
  );
}

View sample in GitHub.