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: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

use-pdf-viewer-with-a-document-stored-in-a-database -Issues

Thread ID:

Created:

Updated:

Platform:

Replies:

150383 Jan 4,2020 08:38 PM UTC Feb 27,2020 07:37 AM UTC ASP.NET MVC - EJ 2 34
loading
Tags: PDF Viewer
Robin Knight
Asked On January 4, 2020 08:38 PM UTC

Hello Everyone,

We are generating Word Reports containing charts  using Synfusion DocIO. .  We want to display the word reports on the client side . We  converted the word reports into pdf  and used pdf viewer to display the pdf reports. We encountered  errors in IE 11.

We are using ASP.NET MVC EJ2. Please see attached Word Sample Reports.

Issue 1 in IE 11
 We used  the sample project and used  the following libraries

https://cdn.syncfusion.com/ej2/17.4.39/dist/ej2.min.js  and material.css 

Error : 
Unhandled exception at line 10, column 8972134 in https://cdn.syncfusion.com/ej2/17.4.39/dist/ej2.min.js
0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'assign' occurred

Issue 2
We do not want to use the cdn version of  ej2.min.js and material.css as it causes security violation on our servers.  Where can we download the local version to be used in our project.

Issue 3:
We do not want to create doc and pdf files on App_Data folder .   I came across the url.

https://www.syncfusion.com/kb/10331/how-to-load-the-pdf-document-as-base64-string-in-pdf-viewer

How can we convert the Synfusion Word DOCIO reports into base 64 string  and show it on the pdf viewer.?

A sample project helping  with the above issue will be helpful.

Thanks,





Attachment: Reports_f0a327b9.zip

Akshaya Arivoli [Syncfusion]
Replied On January 6, 2020 10:14 AM UTC

Hi Robin, 

Please find the details of your query from the below, 

Query 
Details 
Issue 1 in IE 11
 We used  the sample project and used  the following libraries 

Error :
Unhandled exception at line 10, column 8972134 in https://cdn.syncfusion.com/ej2/17.4.39/dist/ej2.min.js
0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'assign' occurred 

We are unable to reproduce the reported issue with the provided details in IE. We have shared the sample below in which we have tried to reproduce the reported issue. Can you please try it and revert us with the modified sample and more details about your issue if you still have concerns. 
We do not want to use the cdn version of  ej2.min.js and material.css as it causes security violation on our servers.  Where can we download the local version to be used in our project. 
We can get the Script and CSS files from the below package, 


We can also get the non-minified files from the below link, 



We do not want to create doc and pdf files on App_Data folder .   I came across the url. 


How can we convert the Synfusion Word DOCIO reports into base 64 string  and show it on the pdf viewer.? 
A sample project helping  with the above issue will be helpful. 

We have created a sample to convert word to PDF document and shared the same in the following location, 



Please find the below UG for more details, 

Please try it and revert us if you have any concerns on this. 


Regards, 
Akshaya 


Robin Knight
Replied On January 7, 2020 01:36 AM UTC



Hi Akshaya,

Thank you for sending the sample project. I see that the report is loaded in PDF Viewer when the application loads.

We want to load the report in PDF Viewer with a button click event making a Ajax Call   using jquery  version jquery-3.3.1.js.

Our reports are dynamic in nature. We want to do a Ajax Call doing HTTP Post , pass the parameters , build the report with the data from database  using DOCIO  and show the report on PDF Viewer in IE, Chrome , Fire Fox.

We are getting jquery error , when we use jquery with ej2.min.js . Please see attached zip file

A sample project helping  with the above  will be helpful.

Thanks,


Attachment: Error_for_jquery_d725f0c1.zip

Akshaya Arivoli [Syncfusion]
Replied On January 7, 2020 10:38 AM UTC

Hi Robin, 

Thank you for your update. 

We have created a sample which converts the word document to PDF document and load it in PDF Viewer by sending AJAX request on the button click. We have shared the sample in the below link, 


Also, we are unable to reproduce the provided script error when ej2.min.js and jquery-3.3.1.js were used. Please try with the provided sample and revert us with more details and the modified sample if you still have concerns. 

Regards, 
Akshaya 


Robin Knight
Replied On January 8, 2020 01:56 AM UTC

Hi Akshaya,

Thank you for the sample. Couple of questions..

1) When the application is loaded, I see that the pdf viewer is initialized. We do not want to show the pdf viewer when the page loads. Only  when the button is clicked, we want to show the pdf viewer with the word report converted.. Is that possible? In our application , the button will be a part of a table , so it will not be possible for us to show the pdf viewer initialized when the page loads.

2) I see that you have the word report in App_Data -> Data Folder.  Is it required to have the report in that folder. Our use case is that we will be creating the report from the database. Our method returns Synfusion WordDocument .  Is it possible to directly convert the DOCIO WordDocument to byte[] without reading it from App_Data-> Data folder.

A sample project helping  with the above issue will be helpful.

Thanks,

Akshaya Arivoli [Syncfusion]
Replied On January 8, 2020 09:24 AM UTC

Hi Robin, 

Please find the details of you query from the below 

When the application is loaded, I see that the pdf viewer is initialized. We do not want to show the pdf viewer when the page loads. Only  when the button is clicked, we want to show the pdf viewer with the word report converted.. Is that possible? In our application , the button will be a part of a table , so it will not be possible for us to show the pdf viewer initialized when the page loads. 
We have modified the sample to initialize the PDF Viewer on the button click and loaded the PDF document (which is converted form word document) and shared the same in the following location, 


Please try this and revert us with the more details if you have any concerns on this. 
I see that you have the word report in App_Data -> Data Folder.  Is it required to have the report in that folder. Our use case is that we will be creating the report from the database. Our method returns Synfusion WordDocument .  Is it possible to directly convert the DOCIO WordDocument to byte[] without reading it from App_Data-> Data folder. 
No, it is not necessary to have the Word document in the App_Data folder. We can directly convert the Word document bytes( which you obtained from the database) to the PDF document and then load it in PDF Viewer as per your requirement with reference to the code snippet provided in above sample. 




Regards, 
Akshaya 


Robin Knight
Replied On January 9, 2020 12:40 AM UTC

Hi Akshaya,

Thank you for sending the sample project.  They  are helping us. However,

1)I could not find the code snippet for directly convert the Word document bytes( which you obtained from the database) to the PDF document and then load it in PDF Viewer

I see that in the web.config you have added the database connection string. But in the project I could not find the database or the code snippet for converting the data  to DOCIO word report and then show it on PDF Viewer.


 <add name="DefaultConnection" connectionString="Data Source=(LocalDb)\MSSQLLocalDB;AttachDbFilename=|DataDirectory|\aspnet-EJ2PdfViewer-20181210022111.mdf;Initial Catalog=aspnet-EJ2PdfViewer-20181210022111;Integrated Security=True" providerName="System.Data.SqlClient" />


2) Also in the code I see that in PDFViewer Controller you have various ActionResults like Bookmarks/ RenderAnnotationComments/Download/PrintImages etc. How are this method fired from the Ajax side?  I just see that you are just  mentioning  serviceUrl: '/PdfViewer' on Ajax Success. However do not mention the methods

A sample project showing the report read from database will be helpful as that is our requirement.

Thanks,


Akshaya Arivoli [Syncfusion]
Replied On January 9, 2020 09:17 AM UTC

Hi Robin, 

Please find the details of your query from the below, 

Query 
Details 
I could not find the code snippet for directly convert the Word document bytes( which you obtained from the database) to the PDF document and then load it in PDF Viewer 

I see that in the web.config you have added the database connection string. But in the project I could not find the database or the code snippet for converting the data  to DOCIO word report and then show it on PDF Viewer. 

As mentioned earlier we can convert the word document bytes which is obtained from the database to the PDF document and then we can load the same in the PDF Viewer. Please find the code snippet for the same from the below, 

    public object WordToPDF(jsonObjects jsonObject) 
        { 
            var jsonData = JsonConverter(jsonObject); 
            string documentPath = GetDocumentPath(jsonData["documentName"]); 
            byte[] docBytes = System.IO.File.ReadAllBytes(documentPath);  
            // Here we can pass the word document bytes obtained from the database 
            MemoryStream docStream = new MemoryStream(docBytes); 
            WordDocument wordDocument = new WordDocument(docStream, FormatType.Docx); 
            //Instantiation of DocIORenderer for Word to PDF conversion 
            wordDocument.ChartToImageConverter = new ChartToImageConverter(); 
            //Creates an instance of the DocToPDFConverter 
            DocToPDFConverter converter = new DocToPDFConverter(); 
            //Converts Word document into PDF document 
            PdfDocument pdfDocument = converter.ConvertToPDF(wordDocument); 
              MemoryStream outputStream = new MemoryStream(); 
            //Saves the PDF file  
            pdfDocument.Save(outputStream); 
            //Convert PDF document dtream to base64 string 
            string docBase64 = "data:application/pdf;base64," + Convert.ToBase64String(outputStream.ToArray()); 
            return (docBase64); 
        } 

Note: Kindly get the word document from the database as per your requirement and pass it to the above code for further processing 
Also in the code I see that in PDFViewer Controller you have various ActionResults like Bookmarks/ RenderAnnotationComments/Download/PrintImages etc. How are this method fired from the Ajax side?  I just see that you are just  mentioning  serviceUrl: '/PdfViewer' on Ajax Success. However do not mention the methods 

Based on the provided serviceUrl, AJAX request to the mentioned server side web action methods will be sent from the source level to render the Bookmarks, Annotations and for Printing and Downloading based asper the requirement.  

Please let us know if you have any concerns on this. 

Regards, 
Akshaya 


Robin Knight
Replied On January 12, 2020 01:16 PM UTC

Hi Akshaya,
Thank you for your responses. Update from my side.

We were able to render the Synfusion report on the pdf viewer by getting the data from the database. That  worked . On testing the code locally and on the development
server we had issues which are described below.

We have taken screen shots of the issues and described the issues below


Loading the application Locally

Issue1
When the pdf viewer loads with the report, the zoom is around 76%. We have to manually change the zoom to 100% to see the reports
What property we have to change to set the zoom when the pdfviewer loads?
Please see image Screen5 on LocalHost.PNG.

Issue2
We see that the report loads on the pdf viewer. On scrolling down the report , we see that some of the pages are cut off the right side. How can we fix this?
Please see Screen6.PNG & Screen8.PNG

Issue 3
In some of the graphs , the lines are cut off, when the word report is converted to pdf.
We are using  wordDocument.ChartToImageConverter = new ChartToImageConverter(); for converting the images when converting to word to pdf.
How can we fix  this?
Please see Screen7.PNG 


Issue 4.
Our reports are dynamic in nature. We tested the pdf viewer for other reports. We tested with the pdfviewer with maximum data and charts"HSIP_Report_OR.docx" . When we try to render this report from the database,We get the error "Web-service is not listening". PDF Viewer depends on web-service for all its features. Please start the web service to continue.
Please see "Screen1.PNG"
Does the web service times out . How can we fix this issue ?


The errors below we got on the development server

Issue 5
We deployed the code on the development server to test the code. We get the error
"Refused to load the stylesheet 'http://fonts.googleapis.com/css?family=Whatever' because it violates the following Content Security Policy directive: "style-src 'self' 'unsafe-inline'".
Please see error Screen3.PNG & Screen2.PNG..
How can we fix the Content Security Policy?

We would like all the css and fonts local to the project and do not want to access  third party url on our server . Please provide all the css and font locally. Where can we download the fonts?

Issue 6

We encounter similar issue when we return the data as data:image/png;base64. How can we fix the Content Security Policy?
Please see Screen4.PNG

Please find the attachment below.

Thanks


Attachment: Error_9d9c75e0.zip

Akshaya Arivoli [Syncfusion]
Replied On January 13, 2020 12:51 PM UTC

Hi Robin, 

Please find the details of your query from the below, 

Query 
Details 
Issue1 
When the pdf viewer loads with the report, the zoom is around 76%. We have to manually change the zoom to 100% to see the reports 
What property we have to change to set the zoom when the pdfviewer loads? 
Please see image Screen5 on LocalHost.PNG. 


We can set the zoom percentage using the zoomTo() API available in PDF Viewer. 



We can also set the zoom mode during the control initialization using the zoomMode API available in PDF Viewer. 


Issue2 
We see that the report loads on the pdf viewer. On scrolling down the report , we see that some of the pages are cut off the right side. How can we fix this? 
Please see Screen6.PNG & Screen8.PNG 
 
We can reproduce the issue with “Table are not preserved properly in the generated PDF” and it is due to the autofit property of the table and the fix for this issue will publish on tomorrow (14-01-2020) weekly NuGet.

 
Issue 3 
In some of the graphs , the lines are cut off, when the word report is converted to pdf. 
We are using  wordDocument.ChartToImageConverter = new ChartToImageConverter(); for converting the images when converting to word to pdf. 
How can we fix  this? 
Please see Screen7.PNG  
 
We can reproduce the issue with “Chart is not preserved properly in the generated PDF” and it is because the pattern fill color is set for chart series. Currently, we don’t have pattern fill support in chart to image conversion and don’t have any plans to implement this feature.
Instead we request you to use solid fill instead of pattern fill to preserve the color properly. 
 
 
chart.Series[1].SerieFormat.Fill.FillType = OfficeFillType.SolidColor;  
chart.Series[1].SerieFormat.Fill.ForeColor = Color.BlueViolet;  
Issue 4. 
Our reports are dynamic in nature. We tested the pdf viewer for other reports. We tested with the pdfviewer with maximum data and charts"HSIP_Report_OR.docx" . When we try to render this report from the database,We get the error "Web-service is not listening". PDF Viewer depends on web-service for all its features. Please start the web service to continue. 
Please see "Screen1.PNG" 
Does the web service times out . How can we fix this issue ? 

We are unable to reproduce the reported issue by hosting the sample in IIS  with the provided details using provided PDF document .Can you please share us more details about your issue and the screen shot of console error/ exception details. These details will be helpful for us to investigate further and assist you better. 
Issue 5 
We deployed the code on the development server to test the code. We get the error 
"Refused to load the stylesheet 'http://fonts.googleapis.com/css?family=Whatever' because it violates the following Content Security Policy directive: "style-src 'self' 'unsafe-inline'". 
Please see error Screen3.PNG & Screen2.PNG.. 
How can we fix the Content Security Policy? 

We would like all the css and fonts local to the project and do not want to access  third party url on our server . Please provide all the css and font locally. Where can we download the fonts? 

We are unable to reproduce the reported script error with the sample which we have provided earlier in IIS . 


We can get the Script and CSS files from the below package and refer it locally in your project,  


We can also get the non-minified files from the below link,  


ssue 6 

We encounter similar issue when we return the data as data:image/png;base64. How can we fix the Content Security Policy? 
Please see Screen4.PNG 

We are unable to reproduce the reported script error with the sample which we have provided earlier in IIS . Can you please provide more details about your issue modified sample in which the issue could be reproduced. 



Regards, 
Akshaya 


Robin Knight
Replied On January 14, 2020 12:25 AM UTC

Hi Akashya,

Please see my response below:

Issue 1:

Please provide a sample for programatically setting the zoomTo and zoom mode.We tried and it did not

work for us. Please see the code we are using for control initialization

 $.ajax({

                url: Globals.BaseUrl + "Home/GenerateReport",

                type: 'POST',

                dataType: 'text',

                crossDomain: true,

                traditional: true,

                contentType: 'application/json; charset=utf-8',

                data: JSON.stringify({

                    "reportId": reportId, "stateId": stateId,

                    'reportYear': FiscalYear

                }),

                async: true,

                cache: false

             beforeSend:function(){

                    //c.style.display = "block";

                      },

                success: function (data) {

                    

                    elems.style.display = 'none';

                    bDivs.style.display = 'block'

                var pdfviewer = new ej.pdfviewer.PdfViewer({

                serviceUrl: Globals.BaseUrl + "Home",

                documentPath: data,

                });

                ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation,ej.pdfviewer.Print);

                    pdfviewer.appendTo('#PdfViewer');

                    pdfviewer.toolbar.showToolbarItem(new Array("OpenOption",

                    "PrintOption",

                    "DownloadOption",

                    "UndoRedoTool",

                    "AnnotationEditTool"), false);


                    // return alert("Scroll to preview the report before submission.");

                    console.log(pdfviewer);

                },

                error: function (msg, textStatus, errorThrown) {

                    // d.style.display = 'none';

                    //alert('Exception' + msg.responseText);

                    console.log(msg.responseText);


                },

                complete: function(){

                    var elems = document.getElementById('imgloader');

                    var gif = document.getElementById('container').style.display;

                    gif = "none";

                    elems.style.display = 'block';

                  }

            });

Issue2 :

What is the name of Nuget package we should download which will be released on 1/14/2020

Issue 3:

We need to use pattern to make the charts 508 Compliance. What other options we have

Issue 4:

Our reports are dynamic in nature , we get the data from database and build the reports. I think you are directly loading the report from App_Data and showing

it on PDF Viewer.How do we configure the web service ? What is the time out for the webservice

Can you build a report from the database and show it on PDF Viewer around 100 pages on the IIS

Issue 5:

We downloaded the Script and CSS files from the below package :

https://www.nuget.org/packages/Syncfusion.EJ2.JavaScript/   

However if you see material.css, it is refering . 

url("https://fonts.googleapis.com/css?family=Roboto:400,500")

We do not want to refer fonts.googleapis.com/css.. This website refers other website

https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

We want all the css and fonts local. Please see attachment for material.css

Thanks,





Attachment: material_415adb2b.zip

Robin Knight
Replied On January 15, 2020 11:29 PM UTC

Hi Akashya,

Please see my response below:

Issue 1:

Please provide a sample for programatically setting the zoomTo and zoom mode.We tried and it did not

work for us. Please see the code we are using for control initialization

 $.ajax({

                url: Globals.BaseUrl + "Home/GenerateReport",

                type: 'POST',

                dataType: 'text',

                crossDomain: true,

                traditional: true,

                contentType: 'application/json; charset=utf-8',

                data: JSON.stringify({

                    "reportId": reportId, "stateId": stateId,

                    'reportYear': FiscalYear

                }),

                async: true,

                cache: false

             beforeSend:function(){

                    //c.style.display = "block";

                      },

                success: function (data) {

                    

                    elems.style.display = 'none';

                    bDivs.style.display = 'block'

                var pdfviewer = new ej.pdfviewer.PdfViewer({

                serviceUrl: Globals.BaseUrl + "Home",

                documentPath: data,

                });

                ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation,ej.pdfviewer.Print);

                    pdfviewer.appendTo('#PdfViewer');

                    pdfviewer.toolbar.showToolbarItem(new Array("OpenOption",

                    "PrintOption",

                    "DownloadOption",

                    "UndoRedoTool",

                    "AnnotationEditTool"), false);


                    // return alert("Scroll to preview the report before submission.");

                    console.log(pdfviewer);

                },

                error: function (msg, textStatus, errorThrown) {

                    // d.style.display = 'none';

                    //alert('Exception' + msg.responseText);

                    console.log(msg.responseText);


                },

                complete: function(){

                    var elems = document.getElementById('imgloader');

                    var gif = document.getElementById('container').style.display;

                    gif = "none";

                    elems.style.display = 'block';

                  }

            });

Issue2 :

What is the name of Nuget package we should download which will be released on 1/14/2020

Issue 3:

We need to use pattern to make the charts 508 Compliance. What other options we have

Issue 4:

Our reports are dynamic in nature , we get the data from database and build the reports. I think you are directly loading the report from App_Data and showing

it on PDF Viewer.How do we configure the web service ? What is the time out for the webservice

Can you build a report from the database and show it on PDF Viewer around 100 pages on the IIS

Issue 5:

We downloaded the Script and CSS files from the below package :

https://www.nuget.org/packages/Syncfusion.EJ2.JavaScript/   

However if you see material.css, it is refering . 

url("https://fonts.googleapis.com/css?family=Roboto:400,500")

We do not want to refer fonts.googleapis.com/css.. This website refers other website

https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

We want all the css and fonts local. Please see attachment for material.css

Thanks,





Attachment: material_415adb2b.zip

Hi Akshaya,
Any update on the thread below.

Thanks,


Mohan Selvaraj [Syncfusion]
Replied On January 17, 2020 07:21 AM UTC

Hi Robin , 
 
 
Issue 1: 
Please provide a sample for programatically setting the zoomTo and zoom mode.We tried and it did not 
work for us. Please see the code we are using for control initialization 
 $.ajax({ 
                url: Globals.BaseUrl + "Home/GenerateReport", 
                type: 'POST', 
                dataType: 'text', 
                crossDomain: true, 
                traditional: true, 
                contentType: 'application/json; charset=utf-8', 
                data: JSON.stringify({ 
                    "reportId": reportId, "stateId": stateId, 
                    'reportYear': FiscalYear 
                }), 
                async: true, 
                cache: false 
             beforeSend:function(){ 
                    //c.style.display = "block"; 
                      }, 
                success: function (data) { 
                     
                    elems.style.display = 'none'; 
                    bDivs.style.display = 'block' 
                var pdfviewer = new ej.pdfviewer.PdfViewer({ 
                serviceUrl: Globals.BaseUrl + "Home", 
                documentPath: data, 
                }); 
                ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation,ej.pdfviewer.Print); 
                    pdfviewer.appendTo('#PdfViewer'); 
                    pdfviewer.toolbar.showToolbarItem(new Array("OpenOption", 
                    "PrintOption", 
                    "DownloadOption", 
                    "UndoRedoTool", 
                    "AnnotationEditTool"), false); 
 
                    // return alert("Scroll to preview the report before submission."); 
                    console.log(pdfviewer); 
                }, 
                error: function (msg, textStatus, errorThrown) { 
                    // d.style.display = 'none'; 
                    //alert('Exception' + msg.responseText); 
                    console.log(msg.responseText); 
 
                }, 
                complete: function(){ 
                    var elems = document.getElementById('imgloader'); 
                    var gif = document.getElementById('container').style.display; 
                    gif = "none"; 
                    elems.style.display = 'block'; 
                  } 
            }); 
 
We can set the value for Zoom To method and zoom mode property programmatically in the document load event. Please find the below code snippet for the same. 
 
    function documentLoaded() { 
        var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0]; 
        pdfViewer.magnification.zoomTo(150); 
        //Fit to page zoom mode  
        pdfViewer.magnification.fitToPage(); 
        //Fit to Width zoom mode  
        pdfViewer.magnification.fitToWidth(); 
 
 
    } 
 
 
We are currently facing issue while setting the zoom mode property during the control initialization in EJ2 MVC platform. We will analyse further and provide the more details on January 20th , 2020. 
 
 
 
Issue2 : 
What is the name of Nuget package we should download which will be released on 1/14/2020 
 
The weekly release nuget version is 17.4.0.43. You can download the same version.  
Issue 3: 
We need to use pattern to make the charts 508 Compliance. What other options we have 
 
We are currently analysing the reported query and we will update the more details on January 20th , 2020. 
Issue 4: 
Our reports are dynamic in nature , we get the data from database and build the reports. I think you are directly loading the report from App_Data and showing 
it on PDF Viewer.How do we configure the web service ? What is the time out for the webservice 
Can you build a report from the database and show it on PDF Viewer around 100 pages on the IIS 
 
We can load the PDF document which is dynamically created from the database or any other source. You can convert the PDF document from the database report content and load the same into the PDF viewer control instead of loading it from the App_Data. Kindly modify the below code snippet based on your requirement. 
 
//Get the word document as base64 string or byte array from the database and create the word document using it. 
   string documentPath = GetDocumentPath(jsonData["document"]); 
                    byte[] docBytes = System.IO.File.ReadAllBytes(documentPath); 
MemoryStream docStream = new MemoryStream(docBytes); 
 
//Create the word document using base64 or byte array which is retrieved from database. 
WordDocument wordDocument = new WordDocument(docStream, FormatType.Docx); 
Issue 5: 
We downloaded the Script and CSS files from the below package : 
However if you see material.css, it is refering .  
We do not want to refer fonts.googleapis.com/css.. This website refers other website 
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; 
We want all the css and fonts local. Please see attachment for material.css 
 
If the you wants all the css and fonts in local, please avoid using individual component styles (which will have online roboto font reference). Instead you can use the material.css style file from ej2-material-theme package in the following location ( which does not have reference to online roboto font and contains styles of all the components).  
 
   
 
Using this, we have also created a sample for your reference.  
 
Steps for running the sample,   
1.           Install npm packages (ej2-material-theme for material.css) using following command “npm install”  
2.           Once the installation is complete, open the index.html file in browser.  
 
 
 
Regards, 
Mohan S 


Akshaya Arivoli [Syncfusion]
Replied On January 20, 2020 12:53 PM UTC

Hi Robin , 

Sorry for the inconvenience caused. 

We are currently analyzing the reported query with high priority we will update you with further details on January 22nd,2020. 

Regards, 
Akshaya 


Robin Knight
Replied On January 21, 2020 02:00 AM UTC

Hi Robin , 
 
 
Issue 1: 
Please provide a sample for programatically setting the zoomTo and zoom mode.We tried and it did not 
work for us. Please see the code we are using for control initialization 
 $.ajax({ 
                url: Globals.BaseUrl + "Home/GenerateReport", 
                type: 'POST', 
                dataType: 'text', 
                crossDomain: true, 
                traditional: true, 
                contentType: 'application/json; charset=utf-8', 
                data: JSON.stringify({ 
                    "reportId": reportId, "stateId": stateId, 
                    'reportYear': FiscalYear 
                }), 
                async: true, 
                cache: false 
             beforeSend:function(){ 
                    //c.style.display = "block"; 
                      }, 
                success: function (data) { 
                     
                    elems.style.display = 'none'; 
                    bDivs.style.display = 'block' 
                var pdfviewer = new ej.pdfviewer.PdfViewer({ 
                serviceUrl: Globals.BaseUrl + "Home", 
                documentPath: data, 
                }); 
                ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation,ej.pdfviewer.Print); 
                    pdfviewer.appendTo('#PdfViewer'); 
                    pdfviewer.toolbar.showToolbarItem(new Array("OpenOption", 
                    "PrintOption", 
                    "DownloadOption", 
                    "UndoRedoTool", 
                    "AnnotationEditTool"), false); 
 
                    // return alert("Scroll to preview the report before submission."); 
                    console.log(pdfviewer); 
                }, 
                error: function (msg, textStatus, errorThrown) { 
                    // d.style.display = 'none'; 
                    //alert('Exception' + msg.responseText); 
                    console.log(msg.responseText); 
 
                }, 
                complete: function(){ 
                    var elems = document.getElementById('imgloader'); 
                    var gif = document.getElementById('container').style.display; 
                    gif = "none"; 
                    elems.style.display = 'block'; 
                  } 
            }); 
 
We can set the value for Zoom To method and zoom mode property programmatically in the document load event. Please find the below code snippet for the same. 
 
    function documentLoaded() { 
        var pdfViewer = document.getElementById('pdfviewer').ej2_instances[0]; 
        pdfViewer.magnification.zoomTo(150); 
        //Fit to page zoom mode  
        pdfViewer.magnification.fitToPage(); 
        //Fit to Width zoom mode  
        pdfViewer.magnification.fitToWidth(); 
 
 
    } 
 
 
We are currently facing issue while setting the zoom mode property during the control initialization in EJ2 MVC platform. We will analyse further and provide the more details on January 20th , 2020. 
 
 
 
Issue2 : 
What is the name of Nuget package we should download which will be released on 1/14/2020 
 
The weekly release nuget version is 17.4.0.43. You can download the same version.  
Issue 3: 
We need to use pattern to make the charts 508 Compliance. What other options we have 
 
We are currently analysing the reported query and we will update the more details on January 20th , 2020. 
Issue 4: 
Our reports are dynamic in nature , we get the data from database and build the reports. I think you are directly loading the report from App_Data and showing 
it on PDF Viewer.How do we configure the web service ? What is the time out for the webservice 
Can you build a report from the database and show it on PDF Viewer around 100 pages on the IIS 
 
We can load the PDF document which is dynamically created from the database or any other source. You can convert the PDF document from the database report content and load the same into the PDF viewer control instead of loading it from the App_Data. Kindly modify the below code snippet based on your requirement. 
 
//Get the word document as base64 string or byte array from the database and create the word document using it. 
   string documentPath = GetDocumentPath(jsonData["document"]); 
                    byte[] docBytes = System.IO.File.ReadAllBytes(documentPath); 
MemoryStream docStream = new MemoryStream(docBytes); 
 
//Create the word document using base64 or byte array which is retrieved from database. 
WordDocument wordDocument = new WordDocument(docStream, FormatType.Docx); 
Issue 5: 
We downloaded the Script and CSS files from the below package : 
However if you see material.css, it is refering .  
We do not want to refer fonts.googleapis.com/css.. This website refers other website 
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; 
We want all the css and fonts local. Please see attachment for material.css 
 
If the you wants all the css and fonts in local, please avoid using individual component styles (which will have online roboto font reference). Instead you can use the material.css style file from ej2-material-theme package in the following location ( which does not have reference to online roboto font and contains styles of all the components).  
 
   
 
Using this, we have also created a sample for your reference.  
 
Steps for running the sample,   
1.           Install npm packages (ej2-material-theme for material.css) using following command “npm install”  
2.           Once the installation is complete, open the index.html file in browser.  
 
 
 
Regards, 
Mohan S 


Hi Mohan & Akshaya,

Thank you for responding back. We do not have admin permission to run npm install for ej2-material-theme for material.css.

Please  send us the local material.css which do not have reference to online roboto font and style  in the same way you have send us sample projects

Thanks 

Akshaya Arivoli [Syncfusion]
Replied On January 21, 2020 01:31 PM UTC

Hi Robin, 

We have shared the local material.css file which do not have reference to online roboto font and style in the below link, 


Please try this and let us know if you have any concerns on this. 

Regards, 
Akshaya 


Akshaya Arivoli [Syncfusion]
Replied On January 23, 2020 01:09 PM UTC

Hi Robin, 

Please find the details form the below, 

Query 
Details  
We are currently facing issue while setting the zoom mode property during the control initialization in EJ2 MVC platform. We will analyse further and provide the more details on January 20th , 2020.  
Sorry for the inconvenience,  
 
We can set the zoom mode value during the control initialization using the ZoomMode property. Please find the below code snippet for the same. Kindly try the provided code snippet in your end and let us know more details if it does not meet your requirements. 
 
@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("HSIP_DC_FullReport.docx").ZoomMode(ZoomMode.FitToPage).Render() 
 
Note: FitToWidth zoom mode property will calculate the zoom value to render the pages in FitToWidth mode based on the maximum page width in the PDF document as per the PDF specification standard 
Issue 3:  
We need to use pattern to make the charts 508 Compliance. What other options we have  

We have planned to implement the feature “Pattern fill support in chart to image conversion” and it will be included in our 2020 Volume 2 release. You can track the status using the below link, 

 
Regards, 
Akshaya 


Robin Knight
Replied On January 23, 2020 06:46 PM UTC

Hello Everyone,

We are generating Word Reports containing charts  using Synfusion DocIO. .  We want to display the word reports on the client side . We  converted the word reports into pdf  and used pdf viewer to display the pdf reports. We encountered  errors in IE 11.

We are using ASP.NET MVC EJ2. Please see attached Word Sample Reports.

Issue 1 in IE 11
 We used  the sample project and used  the following libraries

https://cdn.syncfusion.com/ej2/17.4.39/dist/ej2.min.js  and material.css 

Error : 
Unhandled exception at line 10, column 8972134 in https://cdn.syncfusion.com/ej2/17.4.39/dist/ej2.min.js
0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'assign' occurred

Issue 2
We do not want to use the cdn version of  ej2.min.js and material.css as it causes security violation on our servers.  Where can we download the local version to be used in our project.

Issue 3:
We do not want to create doc and pdf files on App_Data folder .   I came across the url.

https://www.syncfusion.com/kb/10331/how-to-load-the-pdf-document-as-base64-string-in-pdf-viewer

How can we convert the Synfusion Word DOCIO reports into base 64 string  and show it on the pdf viewer.?

A sample project helping  with the above issue will be helpful.

Thanks,





Attachment: Reports_f0a327b9.zip

Issue2

On Issue 2, We did updated the NuGet Package However we still see the Table cut off for Landscape settings. Please see attached file.
Also, the horizontal scroll bar is supposed to appear automatically it is not appearing either.

Attachment: Table_Cut_off_Horizontally_a07722c6.zip

Akshaya Arivoli [Syncfusion]
Replied On January 24, 2020 01:26 PM UTC

Hi Robin,

We are unable to reproduce the reported issue “Table cut off for Landscape settings” in version 17.4.0.43 with the provided documents. The word document is converted to PDF and displayed properly in PDF Viewer.  
Note: Kindly upgrade all the Nugets, Scripts and CSS to same version 

Please try it and share us the sample and the document in which you are facing the issue. These details will be helpful for us to investigate further and assist you better. 

Regards, 
Akshaya 


Robin Knight
Replied On January 24, 2020 06:34 PM UTC

Hi Robin,

We are unable to reproduce the reported issue “Table cut off for Landscape settings” in version 17.4.0.43 with the provided documents. The word document is converted to PDF and displayed properly in PDF Viewer.  
Note: Kindly upgrade all the Nugets, Scripts and CSS to same version 

Please try it and share us the sample and the document in which you are facing the issue. These details will be helpful for us to investigate further and assist you better. 

Regards, 
Akshaya 


Good Afternoon,

We have updated to the Synfusion version 17.4.0.43 from NuGet Packages and respective files were updates. I have provided our configuration, controller and views detail on attached document.

Thanks.


Attachment: Additional_info._bf88bc0c.zip

Robin Knight
Replied On January 24, 2020 06:39 PM UTC

Hi Robin, 

Please find the details form the below, 

Query 
Details  
We are currently facing issue while setting the zoom mode property during the control initialization in EJ2 MVC platform. We will analyse further and provide the more details on January 20th , 2020.  
Sorry for the inconvenience,  
 
We can set the zoom mode value during the control initialization using the ZoomMode property. Please find the below code snippet for the same. Kindly try the provided code snippet in your end and let us know more details if it does not meet your requirements. 
 
@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("HSIP_DC_FullReport.docx").ZoomMode(ZoomMode.FitToPage).Render() 
 
Note: FitToWidth zoom mode property will calculate the zoom value to render the pages in FitToWidth mode based on the maximum page width in the PDF document as per the PDF specification standard 
Issue 3:  
We need to use pattern to make the charts 508 Compliance. What other options we have  

We have planned to implement the feature “Pattern fill support in chart to image conversion” and it will be included in our 2020 Volume 2 release. You can track the status using the below link, 

 
Regards, 
Akshaya 


Query 
Details  

This is how we are generating the Pdf and could you please provide us sameple
that we can use for the following

Index.cshtml

pdf viewer
<div id="container">
        <div id="PdfViewer" style="height:500px;width:100%;text-align:center;">
        </div>
 </div>

Ajax
var reportId = this.id;
            var submitButtonStatus = $(this).val();

             var stateId = $('#SelectedStateId').val();

            var FiscalYear = $('#FiscalYear').val();
            $.ajax({
                url: Globals.BaseUrl + "Home/GenerateReport",
                type: 'POST',
                dataType: 'text',
                crossDomain: true,
                traditional: true,
                contentType: 'application/json; charset=utf-8',
                data: JSON.stringify({
                    "reportId": reportId, "stateId": stateId,
                    'reportYear': FiscalYear

                }),

                async: true,
                cache: false,
                beforeSend:function(){
                  
                      },
                success: function (data) {
                   
                    elems.style.display = 'none';
                    bDivs.style.display = 'block'
                var pdfviewer = new ej.pdfviewer.PdfViewer({
                serviceUrl: Globals.BaseUrl + "Home",
                documentPath: data,
                });
                ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation,ej.pdfviewer.Print);
                    pdfviewer.appendTo('#PdfViewer');
                    pdfviewer.toolbar.showToolbarItem(new Array("OpenOption",
                    "PrintOption",
                    "DownloadOption",
                    "UndoRedoTool",
                    "AnnotationEditTool"), false);         
                },
                error: function (msg, textStatus, errorThrown) {
                    // d.style.display = 'none';
                    alert('Exception' + msg.responseText);
                   // console.log(msg.responseText);

                },
                complete: function(){
                  
                  }

            });

        });
Sorry for the inconvenience,  
 
We can set the zoom mode value during the control initialization using the ZoomMode property. Please find the below code snippet for the same. Kindly try the provided code snippet in your end and let us know more details if it does not meet your requirements. 
 
@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("HSIP_DC_FullReport.docx").ZoomMode(ZoomMode.FitToPage).Render() 
 
Note: FitToWidth zoom mode property will calculate the zoom value to render the pages in FitToWidth mode based on the maximum page width in the PDF document as per the PDF specification standard 

Robin Knight
Replied On January 24, 2020 11:56 PM UTC

Hi Robin,

We are unable to reproduce the reported issue “Table cut off for Landscape settings” in version 17.4.0.43 with the provided documents. The word document is converted to PDF and displayed properly in PDF Viewer.  
Note: Kindly upgrade all the Nugets, Scripts and CSS to same version 

Please try it and share us the sample and the document in which you are facing the issue. These details will be helpful for us to investigate further and assist you better. 

Regards, 
Akshaya 


Hi Akshaya,
 
Please provide us with a sample project which resolves the reported issue "Table cut off for Landscape settings” in version 17.4.0.43". That way we will know the Nugets, Scripts and CSS you are using . Please use the local material.css 

Please see attached the sample report 

Thanks

Attachment: Report_f7cf0543.zip

Akshaya Arivoli [Syncfusion]
Replied On January 27, 2020 12:46 PM UTC

Hi Robin, 

Sorry for the inconvenience caused. We can reproduce the reported issue in the PDF Viewer MVC sample. We will analyze further on it and update you with more details on January 29th, 2020 

Regards, 
Akshaya 


Robin Knight
Replied On January 27, 2020 06:57 PM UTC

Hi Akshaya,

You have wrote to us that, We can set the zoom mode value during the control initialization using the ZoomMode property. Please find the below code snippet for the same. Kindly try the provided code snippet in your end and let us know more details if it does not meet your requirements.
 
@Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/PdfViewer/")).DocumentPath("HSIP_DC_FullReport.docx").ZoomMode(ZoomMode.FitToPage).Render() 
 
Note: FitToWidth zoom mode property will calculate the zoom value to render the pages in FitToWidth mode based on the maximum page width in the PDF document as per the PDF specification standard .

Could you please provide us a sample application. And below is our code-
Index.cshtml

pdf viewer
<div id="container">
        <div id="PdfViewer" style="height:500px;width:100%;text-align:center;">
        </div>
 </div>

Ajax
var reportId = this.id;
            var submitButtonStatus = $(this).val();

             var stateId = $('#SelectedStateId').val();

            var FiscalYear = $('#FiscalYear').val();
            $.ajax({
                url: Globals.BaseUrl + "Home/GenerateReport",
                type: 'POST',
                dataType: 'text',
                crossDomain: true,
                traditional: true,
                contentType: 'application/json; charset=utf-8',
                data: JSON.stringify({
                    "reportId": reportId, "stateId": stateId,
                    'reportYear': FiscalYear

                }),

                async: true,
                cache: false,
                beforeSend:function(){
                  
                      },
                success: function (data) {
                   
                    elems.style.display = 'none';
                    bDivs.style.display = 'block'
                var pdfviewer = new ej.pdfviewer.PdfViewer({
                serviceUrl: Globals.BaseUrl + "Home",
                documentPath: data,
                });
                ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation,ej.pdfviewer.Print);
                    pdfviewer.appendTo('#PdfViewer');
                    pdfviewer.toolbar.showToolbarItem(new Array("OpenOption",
                    "PrintOption",
                    "DownloadOption",
                    "UndoRedoTool",
                    "AnnotationEditTool"), false);         
                },
                error: function (msg, textStatus, errorThrown) {
                    // d.style.display = 'none';
                    alert('Exception' + msg.responseText);
                   // console.log(msg.responseText);

                },
                complete: function(){
                  
                  }

            });

        });

Akshaya Arivoli [Syncfusion]
Replied On January 28, 2020 08:37 AM UTC

Hi Robin, 

We have created sample to set the zoom mode during control initialization with the provided code and shared the same in the below link, 


Please try this and revert us with more details if any concerns on this. 

Regards, 
Akshaya 


Robin Knight
Replied On January 28, 2020 02:52 PM UTC

Hi Akshaya ,

We can now set up the ZoomMode to FitToPage, however When I change to '150%' (Code below), it is not working. And on looking the documentation for ZoomMode from link - https://ej2.syncfusion.com/documentation/api/pdfviewer/zoomMode/ It can be set up either as 'Default', 'FitToWidth', 'FitToPage'. So, How we can set up the ZoomMode with Custom value like  150% or 100% etc. Thanks.

Code

$.ajax({

url: Globals.BaseUrl + "Home/GenerateReport",

type: 'POST',

dataType: 'text',

crossDomain: true,

traditional: true,

contentType: 'application/json; charset=utf-8',

data: JSON.stringify({

"reportId": reportId, "stateId": stateId,

'reportYear': FiscalYear

}),

async: true,

cache: false,

beforeSend:function(){

},

success: function (data) {

elems.style.display = 'none';

bDivs.style.display = 'block'

var pdfviewer = new ej.pdfviewer.PdfViewer({

serviceUrl: Globals.BaseUrl + "Home",

documentPath: data,

zoomMode: 'FitToPage',

});

ej.pdfviewer.PdfViewer

.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation, ej.pdfviewer.Print);

pdfviewer.appendTo('#PdfViewer');

pdfviewer.toolbar.showToolbarItem(new Array("OpenOption",

"PrintOption",

"DownloadOption",

"UndoRedoTool",

"AnnotationEditTool"), false);

return alert("Scroll to preview the report before submission.");

},

error: function (msg, textStatus, errorThrown) {

// d.style.display = 'none';

alert('Exception' + msg.responseText);

// console.log(msg.responseText);

},

complete: function(){

var elems = document.getElementById('imgloader');

var gif = document.getElementById('container').style.display;

gif = "none";

elems.style.display = 'block';

}

});


Akshaya Arivoli [Syncfusion]
Replied On January 29, 2020 01:25 PM UTC

Hi Robin, 

Please find the details of your query from the below, 

Query 
Details  
Sorry for the inconvenience caused. We can reproduce the reported issue in the PDF Viewer MVC sample. We will analyze further on it and update you with more details on January 29th, 2020  

We have confirmed that the reported issue is defect and logged the defect report for the same and the fix will be included in our weekly release on February 12th,2020. You can track the status of the bug using below feedback link, 


We can now set up the ZoomMode to FitToPage, however When I change to '150%' (Code below), it is not working. And on looking the documentation for ZoomMode from link - https://ej2.syncfusion.com/documentation/api/pdfviewer/zoomMode/ It can be set up either as 'Default', 'FitToWidth', 'FitToPage'. So, How we can set up the ZoomMode with Custom value like  150% or 100% etc. Thanks. 
As mentioned earlier we can set the custom zoom percentage using the zoomTo() API in the documentLoad event. Please find the code snippet for the same from the below, 

  function wordToPdf() { 
        var jsonData = new Object(); 
         jsonData["documentName"] = "HSIP_Report_01242020065220.docx"; 
        
          $.ajax({ 
            url: '/PdfViewer/WordToPDF', 
            type: 'POST', 
            dataType: 'text', 
            crossDomain: true, 
            traditional: true, 
            contentType: 'application/json; charset=utf-8', 
            data: JSON.stringify(jsonData), 
              success: function (data) {           
              var pdfviewer = new ej.pdfviewer.PdfViewer({ 
              serviceUrl: '/PdfViewer', 
                  documentPath: data, 
                  documentLoad: function () { 
 
                    pdfviewer.magnification.zoomTo(100);  
                  } 
                }); 
              ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Navigation,ej.pdfviewer.Print);                                                                
                  pdfviewer.appendTo('#PdfViewer');       
                    pdfviewer.toolbar.showToolbarItem(new Array("OpenOption", 
                    "PrintOption", 
                    "DownloadOption", 
                    "UndoRedoTool", 
                    "AnnotationEditTool"), false);          
               
            }, 
            error: function (msg, textStatus, errorThrown) { 
                alert('Exception' + msg.responseText); 
            } 
        }); 
 
    } 

Please try this and revert us if you have any concerns on this. 




Regards, 
Akshaya 


Robin Knight
Replied On January 29, 2020 02:35 PM UTC

Hi Akshaya ,

We tried the code for Zoom and it worked.

Thanks.

Padmini Ramamurthy [Syncfusion]
Replied On January 30, 2020 07:03 AM UTC

HI Robin, 
  
Thats great:) please get back to us if you need any other assistance. 
  
Regards, 
Padmini 


Robin Knight
Replied On February 13, 2020 03:16 PM UTC

Akshaya,

 

The reason I am contacting you is because on 1/29/2020 at 1:25pm the thread said:

 

We have confirmed that the reported issue is defect and logged the defect report for the same and the fix will be included in our weekly release on February 12th,2020. You can track the status of the bug using below feedback link, 

 

https://www.syncfusion.com/feedback/11642/pages-of-the-landscape-documents-are-cut-off-in-pdf-viewer  

 

When I click on the link, I get:  Access Denied.  I am checking since today is 2/13/2020, to see if the fix is available.

 

Thanks,


Attachment: AD_bceb5034.zip

Akshaya Arivoli [Syncfusion]
Replied On February 14, 2020 11:03 AM UTC

Hi Robin, 

Sorry for the inconvenience caused. 

We have fixed the reported issue “Pages of the landscape documents are cut off in pdf viewer” and the fix was included in our latest release version 17.4.0.49.  Please find the list of JsonObjects from the below. Also we have enabled the permission for you to access the feedback link. 

JsonObjects 
 
public class jsonObjects 
    { 
        public string document { get; set; } 
        public string password { get; set; } 
        public string zoomFactor { get; set; } 
        public string isFileName { get; set; } 
        public string xCoordinate { get; set; } 
        public string yCoordinate { get; set; } 
        public string pageNumber { get; set; } 
        public string documentId { get; set; } 
        public string hashId { get; set; } 
        public string sizeX { get; set; } 
        public string sizeY { get; set; } 
        public string startPage { get; set; } 
        public string endPage { get; set; } 
        public string stampAnnotations { get; set; } 
        public string textMarkupAnnotations { get; set; } 
        public string stickyNotesAnnotation { get; set; } 
        public string shapeAnnotations { get; set; } 
        public string measureShapeAnnotations { get; set; } 
        public string action { get; set; } 
        public string pageStartIndex { get; set; } 
        public string pageEndIndex { get; set; }        
        public string fileName { get; set; } 
        public string elementId { get; set; } 
        public string pdfAnnotation { get; set; } 
        public string importPageList { get; set; } 
        public string uniqueId { get; set; } 
        public string data { get; set; } 
        public string viwePortWidth { get; set; } 
        public string viewportHeight { get; set; } 
        public string tilecount { get; set; } 
        public string isCompletePageSizeNotReceived { get; set; } 
        public string freeTextAnnotation { get; set; } 
        public string signatureData { get; set; } 
        public string fieldsData { get; set; } 
    } 

   
Client side package  
 
Service side package  
ASP.NET Core :  
   
ASP.NET MVC:  
 
CDN links: 
 

Please let us know if you have any concerns on this. 

Regards, 
Akshaya 


Robin Knight
Replied On February 21, 2020 01:37 PM UTC

Good morning,

We did the update to the latest version from NuGet, but we still see the issue on landscape. Could you please provide us the sample. Thanks. 

Akshaya Arivoli [Syncfusion]
Replied On February 24, 2020 10:04 AM UTC

Hi Robin, 

Thank you for your update. 

We are unable to reproduce the reported issue ‘Pages of the landscape documents are cut off in pdf viewer´ with v17.4.0.49. We have created the sample and shared the same in the below link, 


Please try it and revert us if you have any concerns on this. 

Regards, 
Akshaya 


Robin Knight
Replied On February 27, 2020 01:16 AM UTC

Hi Robin, 

Thank you for your update. 

We are unable to reproduce the reported issue ‘Pages of the landscape documents are cut off in pdf viewer´ with v17.4.0.49. We have created the sample and shared the same in the below link, 


Please try it and revert us if you have any concerns on this. 

Regards, 
Akshaya 


Hi Akshaya,
We ran the sample application which you provided for latest release version 17.4.0.49. 

We see that the tables in Landscape view in the reports looks fine .However the tables in Portrait are now getting cut off.

Please run the sample yourself and see pages 50,53,59,63

I have also attached the zip file with screen shots.

Also, one of the chart text is getting cut off.(page 53.png)

Please send us a sample application where the entire report is rendered correctly (Landscape and Portrait), so that we can integrate the code in our application.

Thank you for your support.



Attachment: Report_Issue_93c8f72b.zip

Akshaya Arivoli [Syncfusion]
Replied On February 27, 2020 07:37 AM UTC

Hi Robin,  
 
The reported issue is different from the previously provided fix (Pages of the landscape documents are cut off in pdf viewer) so we have created two new incidents for the reported issues. Kindly follow that incident for further updates.  
 
 
Please let us know if you have any concerns on this  
 
Regards,  
Akshaya  


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.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

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

Live Chat Icon For mobile
Live Chat Icon