webviewer form fill text can't be printed

[Jayaseelan A]

Hi,
In the latest WebViewer to display the form fill xod document with enter text and then try to print the document,form fill text can't be printed. there is the possibility to add form fill text when printing the document?

I have attached the sample xod document for the same.

please help us to resolve the issue asap.

Waiting for your reply

[Matt Parizeau]

Hi,

One option would be to merge the form data back to the PDF and flatten the forms on the server before converting back to XOD and then printing that document.

Another option would be for you to modify the prepareDocument function in BaseReaderControl.js. This is where the images for each page are created and you could read the form field locations and create the form elements over top of the image for each page. In particular take a look at the callback to the loadCanvasAsync call.

Matt Parizeau

Software Developer

PDFTron Systems Inc.

[Jayaseelan A]

Matt,
Thanks for your response.
The above mentioned your suggestion.we implemented the form data over top of the image using prepareDocument function in BaseReaderControl.js,but it is not working. Can you please send me any sample code for the same?

waiting for your reply.

[Matt Parizeau]

Hi Jayaseelan,

If you could send us some of the code that you tried we could see what might be going wrong. You would probably want to create a container element the same size as the page image and place the form elements in there.

Matt Parizeau

Software Developer

PDFTron Systems Inc.

[Jayaseelan A]

Hi Matt,
Thank your for your response.

we have implemented the static text when printing the document & following code in the basereadercontrol.js,

doc.loadCanvasAsync(pageNumber - 1, zoom, rotation, function(canvas) {
                    var ctx = canvas.getContext('2d');

                    // transform the canvas context so that annotations are drawn in the correct location
                    var t = window.GetPageMatrix(zoom, annotationRotationOffset, pageInfo);
                    ctx.setTransform(t.m_a, t.m_b, t.m_c, t.m_d, t.m_h, t.m_v);

                   // me.docViewer.getAnnotationManager().drawAnnotations(2, canvas);
                    var xfdfString = me.docViewer.getAnnotationManager().exportAnnotations();
                    var annotManager = me.docViewer.getAnnotationManager();
                    var fieldManager = annotManager.getFieldManager();
                   
                    var x = (canvas.width / 2) - 260;
                    var y = (canvas.height / 2) - 220;
                    var space = 0;
                    var lines = 'sample first name text';
                    ctx.font = '20px san-serif';


                    ctx.fillText(lines, x, y);
                    
                    dataurl = canvas.toDataURL();

Currently I am getting the form data filled in webviewer but I want to print the filled data text.
                   
i have attached the before printed document and after printed document for your reference.

Can you please tell me how to get the dynamic form fill data & control postion(x,y) based on the document?.

Please help me ASAP

Thanks

[Matt Parizeau]

Hi Jayaseelan,

Taking the approach of filling the text on the canvas you could use code like this:

var am = readerControl.docViewer.getAnnotationManager();
am.getAnnotationsList().filter(function(annot) {
    return annot instanceof Annotations.TextWidgetAnnotation;
}).forEach(function(annot) {
    ctx.font = annot.font.size + 'px sans-serif';
    ctx.textBaseline = 'top';
    ctx.fillText(annot.getValue() || '', annot.X, annot.Y);
});

Matt Parizeau

Software Developer

PDFTron Systems Inc.

[Jayaseelan A]

Matt, Thank you for your kind response.

 we have currently working on it.

Thanks

[Loganathan S]

Matt,

There is the possibility to download form fill xod(webviewer)  data to pdf file.Can you please send me any sample code for the same?

Thanks

[Matt Parizeau]

It depends what you mean by that. Do you want to download the original PDF file but with the fields filled in?

You could send the XFDF data to your server and then import it to the PDF using PDFNet and return the file for download.

Matt Parizeau

Software Developer

PDFTron Systems Inc.

[Loganathan S]

Hi Matt,

   

When printing more than one page in Fillable form document, the text filled in the corresponding pages but the text filled for the all page the text gets repeated for all the pages. Please provide me the code for fixing this issue.

sample code:

var am = readerControl.docViewer.getAnnotationManager();

am.getAnnotationsList().filter(function (annot) {

                        return annot instanceof Annotations.TextWidgetAnnotation;

                    }).forEach(function (annot) {

                        ctx.font ='12px sans-serif';

                        ctx.textAlign = 'center';

                        ctx.textBaseline = 'top';

                        ctx.fillText(annot.getValue() || '', annot.X, annot.Y);

});

Herewith attached sample output:

input : page1.png,page2.png

current output : page 1 print.png, page 2 print.png

exempted output :Exempted_page1print.png,Exempted_page2print.png

Please help me ASAP

Thanks

Regards,

Loganathan S 

[Matt Parizeau]

Hi Loganathan,

This is happening because getAnnotationsList returns all annotations in the document. So that means for each page you're going to be drawing every text widget which is what you're seeing. To do this by page you just need to filter by PageNumber as well. So change return annot instanceof Annotations.TextWidgetAnnotation to:

return annot instanceof Annotations.TextWidgetAnnotation && annot.PageNumber === pageNumber;

Matt Parizeau

Software Developer

PDFTron Systems Inc.

[Loganathan S]

Hi Matt,

             Working Fine.

             Thank you.

Regards,

Loganathan S

[Volker Andres]

Hi Loganathan

Could you please post your full solution for others?

Best regards
Volker