cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
Announcements
Want to learn some quick and useful tips to make your day easier? Check out how Calvin uses Replay to get feedback from other teams at Dropbox here.

Dropbox API Support & Feedback

Find help with the Dropbox API from other developers.

cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

Can you embed a Dropbox folder on a website or webpage?

Can you embed a Dropbox folder on a website or webpage?

Martin P.3
New member | Level 1
Go to solution

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>

51 Replies 51

Greg-DB
Dropbox Staff
Go to solution

What you're describing does sound possible using the Core API, but it would involve some custom development work.

Jo P.9
New member | Level 1
Go to solution

Ben C.19
New member | Level 2
Go to solution

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

Greg-DB
Dropbox Staff
Go to solution

What have you tried specifically, Ben? Can you post some sample code or maybe a sample page?

Ben C.19
New member | Level 2
Go to solution

Hi Gregory,

I've done this:

  1. Gone to the file page on Dropbox
  2. Copied the share link
  3. Gone to GoogleSites
  4. Inserted an iframe
  5. Entered the share link in the URL - I've tried this with both with ?dl=0 and ?raw=1

... hope that's the kind of thing... 

 

Cheers

B

Greg-DB
Dropbox Staff
Go to solution

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?

Ben C.19
New member | Level 2
Go to solution

Hi Gregory,

Here's the link to the file:

https://www.dropbox.com/work/_Down%20To%20The%20Woods/Products/_Suppliers?preview=Purchase+Order+(PO...

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%2520Orde..." 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&amp;cht=d&amp;chdp=sites&amp;chl=%5B%5BGoogle+Gadget'%3D20'f%..." data-igsrc="http://70.gmodules.com/ig/ifr?mid=70&amp;synd=trogedit&amp;url=http%3A%2F%2Fhosting.gmodules.com%2Fi..." data-type="ggs-gadget" data-props="align:left;borderTitle:Include gadget (iframe);height:800;igsrc:http#58//70.gmodules.com/ig/ifr?mid=70&amp;synd=trogedit&amp;url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fiframe.xml&amp;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&amp;up\_scroll=auto&amp;h=800&amp;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)+Dash...;" 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

Ben

Greg-DB
Dropbox Staff
Go to solution

Ben C.19
New member | Level 2
Go to solution

Hi Gregory,

 

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?

Cheers

Ben

 

 

 

Greg-DB
Dropbox Staff
Go to solution

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. 

Need more support?
Who's talking

Top contributors to this post

  • User avatar
    Hoss E. New member | Level 1
  • User avatar
    Patrick P.18 New member | Level 1
  • User avatar
    Jerome P.3 New member | Level 1
  • User avatar
    Martin P.3 New member | Level 1
What do Dropbox user levels mean?