What are good ways to embed dropbox folder in the a webpage like a Google drive for example ?
<iframe src="https://drive.google.com/embeddedfolderview?id=1234567890#list" width="100%" height="800" frameborder="0"></iframe>
Good news, we've made a preview of a new pre-built component for embedding files and folders available! You can find more information here: https://www.dropboxforum.com/t5/Discuss-Dropbox-Developer-API/Feedback-The-Embedder-Launched-in-Preview/m-p/405265#M1072
I don't have an answer ... but I too would like to know which facilities are available for embedding Dropbox photos into a webpage (with iframe or otherwise). Thanks.
The Dropbox Web site itself (www.dropbox.com) can't be iframed and we don't currently have an embeddable widget for showing the contents of a folder, but if you have links to any specific assets (e.g., shared links for images) you can iframe those or hotlink them normally using standard iframe or anchor HTML tags. (You may need to modify them as shown here first though: https://help.dropbox.com/desktop-web/force-download)
Thanks Greg K.A widget to allow embedding of the contents of a photo folder would be very useful .... especially now that flickr/Yahoo doesn't support that feature.
hmm... I did find something here using API http://stackoverflow.com/questions/9546153/list-all-the-folder-and-files-of-dropbox-using-dropbox-api but I'm just not sure how to implemented it to a simple webpage.
Thank you Martin P. I'm not sure either :-)Anyway, what I'm looking for is a widget that will display clickable thumbnails of a publicly shared Dropbox photo folder.Would be very useful.
That post involves using the Dropbox Core API:
https://www.dropbox.com/developers/core
That certainly is powerful enough to build Dropbox functionality into a web site, but it's much more free form and would require more work to build exactly what you want, as opposed to a sort of embeddable widget like you requested.
I have the exact same need: Maybe this will add some thoughts for brainstorming a solution. I use a WYSIWYG web developing tool with nice developing features:
Now that "Carousel" from Dropbox is available, I will be able to install the app on my PC and display images from my Dropbox on the pc.
What I as web site developer would want is to display that same images in the folder IN the website using an iframe.
Is this something Dropbox Carousel would be able to do, and how?
Thanks for the feedback! We still don't have a pre-built sort of widget like this, but I've sent this along as a feature request.
Is there a way I can create a Dynamic Photo Gallery, that will read a specific folder on the WebServer (Say e.g.PhotoGalleries).One level down Folder_01 to Folder_20.In each folder ONE file named thumbnail.jpeg
I must be able to create a Gallery, pointing to that folder. The webpage will show all the thumbnail images there are. (One from each subfolder). When I click on the thumbnail the gallery will start to show like specified in the gallery code.
My photography client can then create the folder structure on his pc and run a FTP client to auto upload as scheduled, the new files in the folders to the webserver. Sophisticated FTP software will keep the two folders: PC and WEBSERVER in sync.
Any one out there that knows how to do this. My coding skills are not sufficient to do that, I can use WYSIWYG.
If some one is willing to help me do create a gallery to achieve this, we have a reasonable easy solution for : How to create a Photo Gallery from a DropBox folder and update gallery structure and images dynamically
What you're describing does sound possible using the Core API, but it would involve some custom development work.
Will this do what you needed?
https://www.dropbox.com/developers/dropins/chooser/js
Hi,
I've tried the above idea for embedding in an iFrame into Google Sites and end up with a blank frame - has anyone had any success embedding a file into GoogleSites? I want to be able to have people in the team easily view an excel file (and I do not want to use GoogleDocs but use the Dropbox preview)
Hopefully someone has some insight!
Cheers
Ben
What have you tried specifically, Ben? Can you post some sample code or maybe a sample page?
Hi Gregory,
I've done this:
... hope that's the kind of thing...
B
Those links by default are on www.dropbox.com, which doesn't allow iframing, so that won't work by default. If you modified it to use raw=1 though, it should probably work. Can you share your code for that?
Here's the link to the file:
https://www.dropbox.com/work/_Down%20To%20The%20Woods/Products/_Suppliers?preview=Purchase+Order+(PO)+Dashboard.xlsm?raw=1
Here's the HTML for my GoogleSite (I swear the problem is Google):
<div>Please see the <a href="https://www.google.com/url?q=https%3A%2F%2Fwww.dropbox.com%2Fs%2Fnolkd5mrrbdzcfe%2FPurchase%2520Order%2520(PO)%2520Dashboard.xlsm%3Fdl%3D0&sa=D&sntz=1&usg=AFrqEzdhAOXWNznBTiiulq3GJT1JbxoMUw" target="\_blank">Purchase Order Dashboard sheet on Dropbox </a>for current Purchase Order status. </div><div><br></div><div><img src="https://www.google.com/chart?chc=sites&cht=d&chdp=sites&chl=%5B%5BGoogle+Gadget'%3D20'f%5Cv'a%5C%3D0'10'%3D599'0'dim'%5Cbox1'b%5CF6F6F6'fC%5CF6F6F6'eC%5C0'sk'%5C%5B%22Include+gadget+(iframe)%22'%5D'a%5CV%5C%3D12'f%5C%5DV%5Cta%5C%3D10'%3D0'%3D600'%3D797'dim'%5C%3D10'%3D10'%3D600'%3D797'vdim'%5Cbox1'b%5Cva%5CF6F6F6'fC%5CC8C8C8'eC%5C'a%5C%5Do%5CLauto'f%5C&sig=p3WOUGB40DOuZA0OzyXFGSrrhuw" data-igsrc="http://70.gmodules.com/ig/ifr?mid=70&synd=trogedit&url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fiframe.xml&up\_iframeURL=https%3A%2F%2Fwww.dropbox.com%2Fwork%2F\_Down%2520To%2520The%2520Woods%2FProducts%2F\_Suppliers%3Fpreview%3DPurchase%2BOrder%2B(PO)%2BDashboard.xlsm%3Fraw%3D1&up\_scroll=auto&h=800&w=600" data-type="ggs-gadget" data-props="align:left;borderTitle:Include gadget (iframe);height:800;igsrc:http#58//70.gmodules.com/ig/ifr?mid=70&synd=trogedit&url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fiframe.xml&up\_iframeURL=https%3A%2F%2Fwww.dropbox.com%2Fwork%2F\_Down%2520To%2520The%2520Woods%2FProducts%2F\_Suppliers%3Fpreview%3DPurchase%2BOrder%2B(PO)%2BDashboard.xlsm%3Fraw%3D1&up\_scroll=auto&h=800&w=600;mid:70;scrolling:no;showBorder:true;showBorderTitle:null;spec:http#58//hosting.gmodules.com/ig/gadgets/file/106581606564100174314/iframe.xml;up\_iframeURL:https#58//www.dropbox.com/work/\_Down%20To%20The%20Woods/Products/\_Suppliers?preview=Purchase+Order+(PO)+Dashboard.xlsm?raw=1;up\_scroll:auto;view:default;width:600;" width="600" height="800" style="display:block;text-align:left;margin-right:auto;" class="igm"><br></div><div><br></div><div><br></div><div><br><br></div>
CHeers
The link you're trying to use ( https://www.dropbox.com/work/_Down%20To%20The%20Woods/Products/_Suppliers?preview=Purchase+Order+(PO)+Dashboard.xlsm?raw=1 ) is a private link. You'll need to use a share link:
https://help.dropbox.com/files-folders/view-only-access
OK, I've tried it using this: https://www.dropbox.com/s/nolkd5mrrbdzcfe/Purchase%20Order%20%28PO%29%20Dashboard.xlsm?raw=1
This ends up downloading the file rather than embedding it?
The browser will only be able display the file embedded if it knows how to render it. Browsers generally don't have support for Excel files, so in that case its only option is to download it.
Oh
Any idea if there's a way to embed the Dropbox preview?
No, unfortunately shared links don't have a supported way to get the preview data, like there is for the raw data. (If you're developing an app though it's available via the Core API: https://www.dropbox.com/developers/core/docs#previews )
OK
No, I'm just trying to easily share views of files in a GoogleSite without using GoogleDocs.
This is so aggravating. Why can't user choose to embed the data the way he likes, where he likes and the easy way, like in google drive. I have been searching for this very long time. I don't understand what's the big deal ?
You can make the folder public and then use www.embedresponsively.com.
You can build powerful dropbox powered multi folder photo galleries to embed in your websites using http://galleryembed.com
A gallery widget to embed a folder of images from dropbox into a website would be exceptional!
I'd upgrade to business or pay additional if required because it would be extremely handy!
Basically being able to grab an embed code that creates a thumbnail gallery of all images in a folder.
Hey Patrick, you can do exactly this with http://galleryembed.com and its free.
wrote: You can make the folder public and then use www.embedresponsively.com.
You sure about that?
This reply was 3 years ago, surely there has been embedability implemented now?
Where is the embed option? So many years have passed. How difficult it is to add this option.
