Pdf doesn't load, all I see are buttons and text (image attached)

legalthings / angular-pdfjs-viewer

PDF.js viewer directive for AngularJS

MIT License

137 stars 113 forks source link

Pdf doesn't load, all I see are buttons and text (image attached) #47

Open biri opened 7 years ago

biri commented 7 years ago

Hi,

I need to embed a pdf file in one of the pages. Up until today I used an iframe that showed the pdf and it worked like charm, I use my server as a proxy so I won't have a problem with CORS. I just added mobile support and the iframe pdf stopped wroking, the mobile downloads the pdf which is something that I don't want. I tried to integrate angular-pdfjs-viewer (as far as I know it supports mobile) but I can't get it to work. I am getting wired buttons and text instead of the pdf (image attached). I tried to use the url and also the data like in the readme file example. Any idea ?

Vipul25 commented 7 years ago

Getting the same issue.

Any update on this?

jasny commented 7 years ago

The CSS doesn't seem to be loaded or isn't applied.

Make sure you load stylesheet vendor/pdf.js-viewer/viewer.css.
Please check if there are any error responses (404, 400, 5xx) when loading this page.
Check that the content is with a <div class="pdf">. Angular-pdfjs-viewer should add this div, just make sure it's there.
Check which styles are applied for an element using the developer console (chrome). Check that the styles of viewer.css are applied and not overwritten.

iPLazza commented 7 years ago

try loading the css file <link rel="stylesheet" href="pdf.js-viewer/viewer.css" type="text/css"/> at the beginning of your index

SwanHtetKyaw24 commented 5 years ago

I am also encountering this issue if dev team still fixing issue though they said 'We're no longer using this library ourselves' plz respond. I will attach my html, controller and dom

Issue Report.zip