We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to print or export specific page (muiltpage=true)

Thread ID:

Created:

Updated:

Platform:

Replies:

131196 Jun 27,2017 06:34 PM UTC Jun 28,2017 11:57 AM UTC JavaScript 1
loading
Tags: ejDiagram
carlos mendez
Asked On June 27, 2017 06:34 PM UTC

Hi there, i have been testing on how to print or export a specific page,  in my test  I have multipage=true pagebreak=true on the diagram component so  i Have 6 pages   3x3   but when i print or export appears the whole diagram so now i want to print specific page or pages lest say  page # 3  or page 4 & 5
this need its cause some diagrams i need to make are very huge so its needed to print on Letter page 1 or 2 page(s) so i can join them later after printed
checking examples & documentation about exporting region also does not well for me perhaps i am doing something wrong.  Also on the part of  printing i set options similar to exporting but does not work.

Can anyone provide an example or piece of code that may work with samples ?
thanks in advance.




Shyam G [Syncfusion]
Replied On June 28, 2017 11:57 AM UTC

Hi Carlos, 
 
  • Currently we don’t have support to print the specific page in our diagram control.
  • instead we get dataURL from exportDiagram method and convert it into multiple images based on the page size. Later you can print the specific images.
Code example: 
               // get data url 
                var url = diagram.exportDiagram({ 
                    fileName: "diagram", 
                    mode: "data", 
                    format: "png", 
                    pageWidth: 400, 
                    pageHeight: 400, 
                    region: "pageSettings", multiplePage: true 
                }); 
                  //get multiple image data url 
    var images = getMultipleImage(img, { mode: "data", region: "pageSettings", pageWidth: 400, pageHeight: 400, multiplePage: true, margin: { top: 0, bottom: 0, left: 0, right: 0, } }); 
 
                   //print specific image 
     PrintWind.document.write('<img src="' + images[1] + '">');   
  • please refer to the JSPlayground link below.
 
 
Regards, 
Shyam G 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;