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. Image for the cookie policy date

React PDFViewer with .Net Core Web API service not working

I have referred the following link to create the PDFViewer Web Service in .Net Core https://www.syncfusion.com/kb/10346/how-to-create-pdf-viewer-web-service-application-in-asp-net-core

Message is displayed as "Web-service is not listening. PDF Viewer depends on web-service for all it's features. Please start the web service to continue."
The request RenderPDFPages returns 200 OK but with the response as "Parameter is not valid". 

Please suggest asap.

4 Replies

AA Akshaya Arivoli Syncfusion Team August 26, 2019 06:12 AM UTC

Hi Neelima, 

Thank you for contacting Syncfusion support. 

We are unable to reproduce the reported issue with the details provided in the incident. We shared a simple PDF Viewer sample with v17.2.0.46 in which we have tried to reproduce the reported issue in the  
below link, 

Note: Kindly run the web service sample and provide that URL to the serviceUrl property of the PDF Viewer. Then run the React sample. 

However we suspect that zoomFactor may be negative in the json data of the RenderPdfPages(). So, can you please check whether the zoomFactor is negative or not. If so, then we suspect that the PDF Viewer not initialized, or the display property of the PDF Viewer is set to none. Kindly ensure whether the viewer is initialized properly. 

Please try this and revert us with the modified sample, Essential Studio Version, PDF document and more details about your issue if you are still facing the issue. It will be helpful for us to investigate further and assist you better. 


NE Neelima August 31, 2019 07:08 PM UTC

Hi Team,

Thanks for providing the sample.  When I upgraded the version, it works perfectly in local solution, but when deployed to IIS or Azure, the css is not applied properly.  I have referred to the css as below similar all other css files.  Note, we are using webpack for bundling.

import '../node_modules/@syncfusion/ej2-base/styles/material.css';
import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
import "../node_modules/@syncfusion/ej2-react-pdfviewer/styles/material.css";
import "../node_modules/@syncfusion/ej2-notifications/styles/material.css";

NE Neelima September 4, 2019 04:20 AM UTC

Is there anything I am missing here.  Can you suggest why the styles are not rendered when deployed, but work fine in local solution.

AA Akshaya Arivoli Syncfusion Team September 4, 2019 02:33 PM UTC

Hi Neelima, 

We can resolve the reported issue by referring the CSS files using the CDN links in index.html in production environment, 

              <link rel='nofollow' href="https://cdn.syncfusion.com/ej2/17.2.49/material.css" rel="stylesheet" /> 

We have modified the sample for the same and shared in the following location, 

Please find the below UG for referring the CDN links.  
Please try this and revert us with the modified sample and more details about your issue if you are still facing the issue. 


Live Chat Icon For mobile
Up arrow icon