Stop New Page Elements being rendered on a new page in PDF.

Oh sorry, I think I've got that wrong my end. We seem to have panels at the start of each page which is why I was focusing on them.

So to change the question, is there a way to stop SurveyJS pages being rendered without a pagebreak in the PDF?

I can see there is a pagesplit parameter used when generating, but this looks defaulted to true.

Hello,

The pagesplit parameter is just internal parameter of html render part of jsPDF library which SurveyPDF uses. Unfortunately, there is no easy way to "disable" splitting survey page into different PDF pages. But it is pretty logical that separate page in survey is separate page PDF document, don't you agree?

I think the right way to solve your task is to reorganize structure of SurveyJSON of your survey before pass it to SurveyPDF constructor and export PDF document. SurveyJSON is plain JavaScript object and you can easy traverse through this object and combine all elements of every page to one page. Then SurveyPDF will split all elements of one page to different PDF document's pages automatically without unnecessary whitespace gaps

Thanks, Alex
SurveyJS Team

Hi Alex,

I have extracted the elements and added them to the first page element. This however is a very slow operation, averaging around 20-35 seconds to achieve.

JavaScript
let allPageElements = [];

console.time("elementextraction");

surveyModel.pages.forEach(page => {
    allPageElements.push(...page.elements); // traverse all pages and add elements to new array
});

console.timeEnd("elementextraction"); //0.06ms

surveyModel.pages[0].elements.length = 0; // remove all elements from first page.

console.time("addelements");
allPageElements.forEach(el => surveyModel.pages[0].elements.push(el));
console.timeEnd("addelements"); // 32704.21875ms

It seems like something within the surveyJS engine is hooking into this push mechanism. I can see the following method being called every time. Is there a way of getting around this?

JavaScript
protected onAddElement(element: IElement, index: number) {
    element.setSurveyImpl(this.surveyImpl);

Hello,

We will investigate this issue and write back to thread about our measurements results and ideas how to process this situation

Thanks, Alex
SurveyJS Team

Hello,
Yes, this line will take a lot of time:
allPageElements.forEach(el => surveyModel.pages[0].elements.push(el));
On adding every new element the page is going to be renders, since a new element has been added.
Could you please try to set survey.questionsOnPageMode = "singlePage";? It will put all questions into one page.

Thank you,
Andrew
SurveyJS Team

Thanks Andrew, that's perfect. I thought there would be an easier way of doing this.

Fine, feel free to contact us in case of any further questions