node-html-pdf TWO PAGE PDF GENERATED

Though the HTML was of single page and after converting it into PDF, everything fits in well. But, a single blank page is attached to the PDF file. I don't need the second page. Need help in how to avoid generation of that extra page.

Jun 02 '17 09:06 sasankamourya

Having the same issue

Jun 09 '17 04:06 yingliangzhang

@marcbachmann Can you please have a look into this issue ?

Jun 09 '17 07:06 sasankamourya

please provide more info. html & config to reproduce would be nice.

Jun 09 '17 11:06 marcbachmann

var html = fs.readFileSync(channelConfig.customerInvoicePath+invoiceNumber+'.html', 'utf8');
							var options = { header: {contents: '<img src="file:\\\\\var\\V2\\Services\\Node\\billingv2\\invoicetemplates_abtis\\abtis_logo.png" />' }, footer: { contents: { default: '<span style="color: #444;">{{page}}</span>'}}, height: '2000px', width: '1414.227124876255px', border: {top: '1cm', right: '1cm', bottom: '1cm', left: '1cm'}, zoomFactor: '1' };								
							pdf.create(html, options).toFile(channelConfig.customerInvoicePath+invoiceNumber+'.pdf', function(err, res) {

									invoiceDocGenResultObj.orderNumber = invoiceNumber;
									invoiceDocGenResultObj.docGenStatus = 'success';
									resultArray.push(invoiceDocGenResultObj);
									return fulfill(resultArray);
							});
						}

This is the config file. should i append the html too? I have written it in xml and have parsed it into html. should i append the whole xml file @marcbachmann ?

Jun 09 '17 12:06 sasankamourya

I'm using handlebars templates, below is html file generated: https://drive.google.com/file/d/0B5CJVwHYW_QOYVNEY1pCTGp0Zlk/view?usp=sharing

and the page setup I'm using:

{
  "format": "A4",
  "orientation": "portrait",
  "border": {
    "left": "1cm",
    "right": "1cm",
    "top": "1cm",
    "bottom": "1cm"
  },
  "header": {
    "height": "20mm"
  },
  "footer": {
    "height": "10mm"
  }
}

Jun 10 '17 09:06 yingliangzhang

I am also having the same issue, one blank page is attached to the pdf file, and the config I'm using,

{ zoomFactor: 1.0, viewportSize: { width: 1200, height: 1280 }, "border": { "top": "0", "right": "1in", "bottom": "0", "left": "1in" }, "format": "A4", "orientation": "portrait", "footer": { "height": "28mm", "contents": { default: 'Page {{page}}' } } }

Jun 12 '17 07:06 madhavkaneriya

Hi guys, I had this in the CSS which was causing it for me;

.page {
    page-break-after: always;
}

Changing to this fixed it:

.page {
    page-break-after: always;
}

.page:last-of-type {
    page-break-after: auto
}

Jun 20 '17 01:06 chrisrickard

@chrisrickard Nice, that solved my issue, thanks!

Jun 20 '17 01:06 yingliangzhang

Thanks @chrisrickard , working for me too!!

Jun 20 '17 12:06 madhavkaneriya

Taking out the footer config removed the extra page, but now I don't have a footer. 👀

Jun 24 '17 03:06 mossymaker

Adding viewport height to the body resolved my issue

body {
height:100vh;
}

Sep 28 '17 12:09 MrunalShidurkar

This is my html. var html = "\n" + "<div style="width:720px; height:520px; margin-left: 2.5%; padding:20px; text-align:center; border: 10px solid #787878">\n" + "<div style="width:675px; height:475px; padding:20px; text-align:center; border: 5px solid #787878">\n" + " Certificate of Completion\n" + "

\n" + " This is to certify that\n" + "

\n" + " "+user.local.name+"

\n" + " has completed the course

\n" + " "+course.course_name+"

\n" + " an online course offered through AMP Digital

\n" + " dated
\n" + " #set ($dt = $DateFormatter.getFormattedDate($grade.getAwardDate(), "MMMM dd, yyyy"))\n" + " $dt\n" + "\n" + ""

How can I fix this issue, i.e. where to change CSS?