This is how I created a thumbnail view of PDF files in a Document Library.
Using a Document Library to store PDF Files. Call it “Uploads”
1: Create workflow using SharePoint Designer to copy Name column to Title column. This will allow us to use the Title column in a Calculated Column. This Blog post describes the process: http://www.knowledgegroup.no/blogg/post/2012/05/13/Add-filename-in-title-field-using-workflow.aspx
2: Add a Calculated Column to the document library, call it “Preview”
Copy this formula:
=CONCATENATE("<DIV><iframe width='200px', height='200px', scrolling='no', src='http://server/uploads/",Title,".pdf#page=1&toolbar=0&scrollbar=0&navpanes=0&statusbar=0'></iframe></DIV>")
* change http address to your SharePoint server name and change to location of PDF files.
3: Add a Content Editor Web Part to the Document Libary view and copy the link to Christophe’s Text to HTML code:
Or use the Calc column, Number option work-around.
That’s it, upload your pdf files, test and adjust.
One down-side is the page does load a little slow as it’s trying to load multiple pdf files.
I’ve tested it on IE9 and IE7 using different hardware and the page loads fine for my purposes.
If someone knows of a solution that can be used to convert the first page to a picture thumbnail that would be better for performance, or if you have any questions, please post in the comments section below.
Thanks for reading.
Request from to Ben, here is the calculated column as it should appear.
*Please note, you must have the filename of the PDF in the TITLE Column.
* Using Number as the data type, you won’t require Christophe’s code snippet above.