validating form fields drag and drop

[Rangita Rajakumar]

Hi, 

I am using this example from your documentation https://document.syncfusion.com/demos/pdf-viewer/angular/?_gl=1*1vfp9cv*_gcl_aw*R0NMLjE3NTg1ODI3NjEuQ2owS0NRanc1OFBHQmhDa0FSSXNBRGJEaWx3TUtBQXVUWjhoTGpQY21JRUNWSVN2THBLdnMzQnRDeGhVOTVVRnFIVlJ4eGpqa3RMYXphZ2FBaTVSRUFMd193Y0I.*_gcl_au*MzI5NTQ4MTE0LjE3NTcxMDkwMTc.*_ga*OTA4NDMxNDE0LjE3NTcxMDkwMTc.*_ga_41J4HFMX1J*czE3NTg4MjI5NjIkbzExJGcwJHQxNzU4ODIyOTYyJGo2MCRsMCRoMA..#/bootstrap5/pdfviewer/esigning-form-designer

i want to validate dropping form fields outside the document or partially inside the document. i 

please let me know if there is a solution for this

thanks

[Venkada Subramanian Durai]

Hi Rangita Rajakumar,

Thank you for your patience. We have prepared a sample based on your requirements. In the provided sample, we have implemented a restriction that prevents adding form fields outside the bounds of the PDF page. This is achieved by comparing the page dimensions with the field coordinates.

Please review the sample and let us know if it meets your requirements. Feel free to reach out if you have any questions or need further assistance.

Code snippet:

if (args.x + width >= pageWidth) {

        args.x = pageWidth - width - 10;

      }

      this.pdfviewerControl?.formDesignerModule.addFormField(

        this.currentFieldType as any,

        {

          bounds: { X: args.x, Y: args.y, Width: width, Height: height },

        } as TextFieldSettings

      );

Sample with restriction to add the field within PDF page

Regards,

Venkada Subramanian D