How to change page border at run time (prior to export)

[Jim Jacobs]

Hi,

This has to be something stupid that I'm doing wrong.
Normally there is a 2 pixel wide blue border around the diagram.
When I export it I want to remove the border.

Here's the code I'm using:

function ExportAsImage(imgType, fileName) {
    //$("#diagramcontent").ejDiagram({
    //    pageSettings: { pageBorderColor: "white", pageBorderWidth: 0 }
    //});
    diagram.update({ pageSettings: { pageBorderColor: "white", pageBorderWidth: 0 } });
    diagram.updateViewPort();
    var options = {
        //Name of the exported file
        fileName: fileName,
        //Specifies whether to export as files/data
        mode: "download",
        //mode: "data",
        //Specifies the region to be exported (pageSettings or content)
        region: "pageSettings",
        //Format of the exported file
        format: imgType
        //Can be set as a rectangle {x,y width, height}
        //bounds: { x: 0, y: 0 },
        //margin to the exported file/data
        //margin: { left: 30 }
    };
    diagram.exportDiagram(options);
}

However, the exported file has the blue border :(

What am I doing wrong?

Thanks

Jim

[Shyam G]

Hi Jim, 

 

We suspect that you would have defined wrong diagram ID in your code example. However we have modified your code example to achieve your requirement. 

 

Code example: 

function ExportAsImage(imgType, fileName) { 

        $("#diagram").ejDiagram({ 

            pageSettings: { pageBorderColor: "white", pageBorderWidth: 0 } 

        }); 

        var diagram=$("#diagram").ejDiagram("instance");         

        var options = { 

            //Name of the exported file 

            fileName: fileName, 

            //Specifies whether to export as files/data 

            mode: "download", 

            //mode: "data", 

            //Specifies the region to be exported (pageSettings or content) 

            region: "pageSettings", 

            //Format of the exported file 

            format: imgType 

            //Can be set as a rectangle {x,y width, height} 

            //bounds: { x: 0, y: 0 }, 

            //margin to the exported file/data 

            //margin: { left: 30 } 

        }; 

        diagram.exportDiagram(options); 

    } 

 

Regards, 

Shyam G 

[Jim Jacobs]

Hi Shyam,

Thanks - you were correct.
I was using #diagramcontent instead of #DiagramContent.
Everything is working now.

Jim

[Kameshwaran R]

Hi Jim, 

 

Please let us know if you require further assistance.  

 

Regards, 

Kameshwaran R.