You might see that the Dropbox Community team have been busy working on some major updates to the Community itself! So, here is some info on what’s changed, what’s staying the same and what you can expect from the Dropbox Community overall.
Forum Discussion
Triggering the Embedder using JavaScript
var options = {
// Shared link to Dropbox file
link: "https://www.dropbox.com/sh/keptcjl08q3wsid/AACui966iXcXPbagCJ2py2L-a?dl=0",
file: {
// Sets the zoom mode for embedded files. Defaults to 'best'.
zoom: "best" // or "fit"
},
folder: {
// Sets the view mode for embedded folders. Defaults to 'list'.
view: "list" // or "grid"
headerSize: "normal" // or "small"
}
}
Dropbox.embed(options, element);
In addition to the above code and the embed code snippet is there anything else I need to get the dropbox embedder to work? Embedding via anchor links works, but I can't trigger it using the javascript code above in order to customize it a bit.
Thanks! Yes, you'll also need to define "element" which will depend on your page, but should be the element on your page where you want to put the Embedder.
For example, if you have an element on your page like this:
<div id="folder_container"></div>
Then you might define 'element' like this:
var element = document.getElementById("folder_container");
- Greg-DB
Dropbox Staff
What error, if any, do you get in the JavaScript Console when you try this?
From what I can see, it looks like it may just be a syntax error. You're missing a comma here:
// view: "list" // or "grid"
It should be:
view: "list", // or "grid"
Thanks for responding. I get the following error in console.
Uncaught ReferenceError: element is not defined
- Greg-DB
Thanks! Yes, you'll also need to define "element" which will depend on your page, but should be the element on your page where you want to put the Embedder.
For example, if you have an element on your page like this:
<div id="folder_container"></div>
Then you might define 'element' like this:
var element = document.getElementById("folder_container");
About Dropbox API Support & Feedback
Find help with the Dropbox API from other developers.
