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

PDF Viewer in Vuejs and C# shows only the first 100 pages

We've been using the PDF Viewer set up in Vue (Front) and C#(Back) for quite some time now. We have discovered an error that we are finding it difficult to resolve. Unfortunately, it is only being possible to upload only the first 100 pages of any PDF file we register. I even read in other articles that some users managed to solve this problem by performing the LOAD again, however, for the server to know which pages need to be loaded, that is, in a PDF file that has 200 pages, it is necessary that it loads page 101~200 both in the search field for pages and for the search field for a value in the search field for words, we are not having success. We are not even able to load the rest of the page when the user reaches the end.

Would it be possible to guide what is the best way to make this interaction more dynamic? Or, moreover, if there is the possibility of loading everything at once, that would be even better.

I'm waiting for the answer

3 Replies 1 reply marked as answer

CK Chinnamunia Karthik Chinna Thambi Syncfusion Team March 24, 2023 01:21 PM UTC

We have added a few properties in the JSON model class in our latest version that cause this issue. We have shared the updated JSON model class in the below file. And also we have shared a sample in the latest version below,

JSON model class file: https://www.syncfusion.com/downloads/support/directtrac/general/ze/JsonPropertiesModelClass37368240.zip

Vue Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Vue_quickstart_21.1.35-1944251949.zip

Web service sample:  https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebService21.1.35-1003948304.zip

Could you please confirm whether you have added the below lines in the Startup.cs file in the web service. If not, Kindly add the below lines. This code snippet is used to configure NewtonsoftJson for JSON support.


    builder.Services.AddControllers().AddNewtonsoftJson(options =>


        // Use the default property (Pascal) casing

        options.SerializerSettings.ContractResolver = new DefaultContractResolver();


Kindly try this and let us know if this helps.

RS Roan Santos March 28, 2023 12:05 PM UTC

Unfortunatelly, it still doesn't work.

I made the JsonObject modification and the modification in Startup.cs as requested in your previous message. But even with these changes, the error of not being able to view more than 100 pages has not been resolved.

I am sharing below the current state of our controller in the web service, could you analyze it and indicate exactly what I should change so that documents with more than 100 pages can be displayed correctly?

Attachment: PdfViewerController_3fad1104.rar

CK Chinnamunia Karthik Chinna Thambi Syncfusion Team March 29, 2023 02:05 PM UTC

We have used the given Json Objects in the controller, But, we are unable to reproduce the reported issue. We have shared a sample in the following link, in which we tried to reproduce the issue.

Vue Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Vue21.1.35281682823.zip

Web service sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebService21.1.35-937573186.zip

Steps to run the sample:

  • Run the web service sample.
  • Use the below commands in terminal to run the Vue sample.
    • npm install.
    • npm run dev.

Try this sample and revert to us with the following details, if you have any concerns on this. This will be helpful for us to analyze further and provide the details.

  • Modified sample or share the sample in which the issue is reproduced.
  • Code snippet
  • Share the document
  • Console tab and network tab details.

Marked as answer
Live Chat Icon For mobile
Up arrow icon