Trying to print the zoom and panning demo gives trust errors
Hello Moulidharan,
Sorry for the delay, had some other things to pursue.
You are correct that the only solution to get a properly rendered printout is to use the webservice.
So I did all that and the webservice works for image export. It does however loose all images.
The org chart that looks like this:
Returns from the webservice like so:
I take it that this is because the images must have a full URL and not a relative URL so that the webservice can actually can retrieve the data.
Probably not a big issue, but undocumented. I hope it doesn't need access to the images via the file system?
The getDiagramContent API documentation mentions that you can add a stylesheetList as parameter. Is there any details on how to fill that parameter? Like is it an array of type string with each item a full URL to the CSS file?
Or does the CSS file need to be accessed over a file system?
(breaking up the reply as the forums software complains that my message is too long)
Then the printing...
The problem there is .. I use the exact same code as from the video and the Knowledge Base article, but it never starts the print dialog. So the image is there.. but it does not print.
fetch(url, options)
.then((response) => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then((data) => {
console.log('success', data);
//debugger;
let printOptions = {};
let exportOptions = {};
let strImage = "";
exportOptions.format = 'PNG';
exportOptions.mode = 'Data';
exportOptions.region = 'Content';
exportOptions.pageHeight = 1500;
exportOptions.pageWidth = 1500;
exportOptions.stretch = 'None';
printOptions.margin = { left: 0, top: 0, bottom: 0, right: 0 };
diagram.printImage(data.result, printOptions);
console.log('After printImage');
})
.catch((error) => {
console.error('Error:', error);
// Handle errors here
});
and in the console:
FWIW, I'm using syncfusion version 27.2.5
So the very very latest that is available.
thanks,
--
Wil
FWIW, for others reading this thread.
That's the indicator that a popup got blocked in MS Edge...
Also see the attached gif.
--
Wil
Attachment: popupBlocked_1a53add6.zip
