Embedder opens a blank page with Error: appkey must be provided

---

NJ-Gonzo wrote:

... but I need a way to embed the dropbox folder on the page after they log in.

...

---

Hm.. All good, but what you're doing in code posted in OP doesn't meet "embed the dropbox folder on the page"! To be able embed something (your folder) somewhere (on any page including yours), you need to select place in the target page and embed there, not to open new page and try "embed" (if could be said so). There are 2 ways and which one is better depends on where you get your folder link (server side or client side). If you received the link on server side, it becomes easy - just put on the place where your folder should appear "a" tag with link put there. I.e. something like:

<script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="xxxxxxxxxxxxxxx"></script>
<a href="[@field:Digital_File_link]" class="dropbox-embed" data-height="800px" data-width="1200px"></a>

That's enough. 😉 The Dropbox' script will take care to replace the "a" node to content of the mentioned link ([@field:Digital_File_link]) automated.

If you're receiving link in dynamic way (after page load), then you have to use 'Dropbox.embed' when the link becomes available (cause you cannot embed it in page in advance as shown above). You still have to denote a place where your folder will appear (or create such in dynamic way). After the link is ready, you have to pass a reference to desired element (not a window!!!) to 'Dropbox.embed'. I.e. something like:

<script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="xxxxxxxxxxxxxxx"></script>​
<div id="dropboxContainer" style="width: 1200px;height: 800px;"></div>
...
var element = document.getElementById("dropboxContainer");
var options = {link: LinkID, folder: {view: "list", headerSize: "normal"}};
Dropbox.embed(options, element);

Hope it's a bit more clear now. 😉