How to embed a document in a story using DocumentCloud#

NOTE: _This has been updated with an important fix to the code, on March 29, 2018. _

To access Documentcloud, go to www.documentcloud.org

username: cityeditor@theday.com
password: Newslondon2020#

  • Upload New document(s)
  • Click on document and select Publish - Embed Document Viewer
  • If the story has already been published, add the URL (this would be the story that PDF is embedded in)
  • Click Next
  • Document viewer size should be Responsive (Beta)
  • Add height 750
  • Uncheck show sidebar
  • Click Next
  • Click "remove line breaks"

The code will look like this:

<div id="DV-viewer-4424774-11-NLAEA-Grievance-March-23-2018-PDF" class="DC-embed DC-embed-document DV-container"></div>
    <script src="//assets.documentcloud.org/viewer/loader.js"></script>
    <script>DV.load("https://www.documentcloud.org/documents/4424774-11-NLAEA-Grievance-March-23-2018-PDF.js", {  responsive: true, height: 750, sidebar: false, container: "#DV-viewer-4424774-11-NLAEA-Grievance-March-23-2018-PDF"  });</script>
<noscript> 
    <a href="https://assets.documentcloud.org/documents/4424774/11-NLAEA-Grievance-March-23-2018-PDF.pdf">11 NLAEA Grievance March 23 2018 PDF (PDF)</a>  <br />
    <a href="https://assets.documentcloud.org/documents/4424774/11-NLAEA-Grievance-March-23-2018-PDF.txt">11 NLAEA Grievance March 23 2018 PDF (Text)</a>
</noscript>

In Citrix, place the code under Properties in the iframe field. Publish and you should be good to go. If the PDF doesn't show up right away, add the following to the end of the story URL: ?nocache=1 and reload. That will recache the page and the PDF should show up.