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

[Roan Santos]

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

[Chinnamunia Karthik Chinna Thambi]

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.

[Roan Santos]

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

[Chinnamunia Karthik Chinna Thambi]

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.