PDFviewer loads document, but doesn’t show it

[Alberto Vázquez]

Hello,

I’m having a minor, but somewhat annoying bug with your PDF viewer component. Following your documentation, I have managed to implement it, but when I try to use it, this is what I get:

See img1 in the attached .7z file

As you can see in the image, the component loads the document but the document’s never visualized on the window. To solve this issue I have to manually force the window to resize, i.e. I have to either drag one of the corners of the window with my mouse or I have to open the web console (or close if it was originally open):

See img2 in the attached .7z file

I’ve tried many things to make it work without having to manually resize the window once the document is loaded but, so far, all my efforts have been fruitless.

I’d appreciate any help you can give me. Thank you in advance.

Attachment: imgs_9c39ea86.7z

[Akshaya Arivoli]

Hi Alberto, 

Thank you for contacting Syncfusion support.      

We can reproduce the issue “PDF viewer height is not set properly with the code snippet provided in the UG documentation”. The display property of the PDF viewer is none, so the pages in the PDF document are not displayed. If we set the display property to block then it will be displayed. We have modified the code snippet in the online UG documentation and it will reflect in one or two business days. Also, we have shared the sample and code snippet for your reference, 

Code snippet: 

<ej-pdfviewer [(serviceUrl)]="service" id="pdfviewer1" style="width:100%;min-height:600px;display:block" > </ej-pdfviewer> 

Sample: http://www.syncfusion.com/downloads/support/forum/137971/ze/PDF_Viewer_Angular-560323231  

Please try the provided solution and revert us if you need any other assistance on this. 

Regards, 

Akshaya 

[Alberto Vázquez]

Hi Akshaya,

It works fine now, thank you!