How to crop the document before saving as a PDF

[Alex]

    I'm using the WebKit HtmlToPdfConverter in a .net core 3.1 project and results are promising.

I need to crop the HTML or remove some bits like the navbar from appearing in the saved PDF document. Is it possible to specify document options for adding or removing elements, or even starting the print to pdf at a lower height?

I've tried to make use of PdfJavaScriptAction however it doesn't seem to do anything, and I couldn't find any documentation for it, either.

Code for actionresult below:

 public async Task<IActionResult> ExportPdf(int id)

        {

            var model = await _raportService.GetAsync(id);

            model.HideButtons = true;

            HtmlToPdfConverter converter = new HtmlToPdfConverter();

            WebKitConverterSettings settings = new WebKitConverterSettings();

            settings.WebKitPath = Path.Combine(_hostingEnvironment.ContentRootPath, "QTBinariesWindows");

            converter.ConverterSettings = settings;

            // replace exportpdf in query string cu view-ul fără butoane.

            string queryString = Request.GetDisplayUrl().Replace("ExportPdf", "Deschide");

            var url = queryString;

            PdfDocument document = converter.Convert(url);

            document.PageSettings.SetMargins(0, -100, 0, 0);

            MemoryStream ms = new MemoryStream();

            //Create JavaScript action

            PdfJavaScriptAction javaScriptAction = new PdfJavaScriptAction("app.alert(\"Hello World!!!\")");

            //Add the JavaScript action

            document.Actions.BeforeSave = javaScriptAction;

            document.Save(ms);

            document.Close(completely: true);

            ms.Position = 0;

            FileStreamResult fileStreamResult = new FileStreamResult(ms, "application/pdf");

            fileStreamResult.FileDownloadName = $"Raport_{model.NrÎnregistrare}.pdf";

            return fileStreamResult;

        }

Thanks in advance.

[Gowthamraj Kumar]

Hi Alex,   

  

Thank you for using Syncfusion products.   

Queries	Response
I need to crop the HTML or remove some bits like the navbar from appearing in the saved PDF document. Is it possible to specify document options for adding or removing elements, or even starting the print to pdf at a lower height?	We can able to crop a PDF page from an existing PDF document in our library. We have created a sample with simple HTML and after converting the PDF document, we can crop the page by using PdfTemplate in that existing PDF document. We could not crop the element from the HTML file in our converter. Please refer the below sample and output document from a link,    Sample: https://www.syncfusion.com/downloads/support/forum/156751/ze/Sample1860986644   Document: https://www.syncfusion.com/downloads/support/forum/156751/ze/Document1110119949   KB : https://www.syncfusion.com/kb/9795/how-to-crop-a-pdf-page-using-c-and-vb-net   Note : We can set the Top margins to our converter settings to print the HTML content as PDF.     Please refer the below links for more information about Partial HTML to PDF conversion,  Partial HTML to PDF :  https://help.syncfusion.com/file-formats/pdf/convert-html-to-pdf/webkit?cs-save-lang=1&cs-lang=asp.net%20core#partial-webpage-to-pdf   Please try the above suggestions in your end and let us know the result.
I've tried to make use of PdfJavaScriptAction however it doesn't seem to do anything, and I couldn't find any documentation for it, either.	We can add JavaScript action to PDF document by using our library. Please refer the below links for more information about JavaScript Action,  KB : https://www.syncfusion.com/kb/9653/how-to-add-multiline-javascript-action-to-a-pdf-using-c-and-vb-net  UG : https://help.syncfusion.com/file-formats/pdf/working-with-action?cs-save-lang=1&cs-lang=asp.net%20core#javascript-action   Please let us know if you need any further assistance with this.

Regards, 

Gowthamraj K