Forum Discussion

bspindia's avatar
bspindia
Helpful | Level 7
3 years ago

Dropbox Embeder

able to embed pdf using anchor tags

but getting error as Drobox is not defined when trying to embed using Drobox(option,element)

6 Replies

  • Здравко's avatar
    Здравко
    Legendary | Level 20
    3 years ago

    bspindia, Are you sure keep still set up the Embedder properly? 🤔 Make sure you put in the "dropins" script, at least (the Dropbox object comes from there).

     

    PS: Make sure you remove all possible typos in your code! 😉 (Drobox ≠ Dropbox)

  • bspindia's avatar
    bspindia
    Helpful | Level 7
    3 years ago

    if i wouldn't appended the dropoin script to body, how would anchor tag embed will work ?

     

    function textBookLibrary(){
    $(".mNavCntnt").empty();
    $(".mNavCntnt").append(
    $("<div>").attr('class','tbContainer').append(
    $("<div>").attr('name','subject').text("Health and Physical Science"),
    $("<div>").attr("name",'chapter').append(
    $("<span>").text("Chapter 1")
    ),
    $("<a>").attr({
    //'height':'400px','width':'200px',
    //'frameborder':'0',
    'class':'tbLesson',
    'type':'application/pdf',
    //'src':'assets/textBooks/jehp1ps.pdf',
    }).addClass('dropbox-embed')
    )
    )
     
    /*
    let options = {
    // Shared link to Dropbox file
    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,$(".tbLesson"));
     
    */

     

     

  • Greg-DB's avatar
    Greg-DB
    Icon for Dropbox Community Moderator rankDropbox Community Moderator
    3 years ago

    bspindia Importing the dropins.js script is required for both ways of using the Embedder (that is, via anchor tags or via JavaScript). Make sure you set it up as shown in the documentation.

  • bspindia's avatar
    bspindia
    Helpful | Level 7
    3 years ago

    i imported it hence working for anchor tag,

    issue with Dropbox.embed()

  • Здравко's avatar
    Здравко
    Legendary | Level 20
    3 years ago

    bspindia wrote:

    ...

    but getting error as Drobox is not defined when trying to embed using Drobox(option,element)



    bspindia wrote:

    ...

    issue with Dropbox.embed()


    Hm.. 🤔 .. Ok. What's the issue now? Is it still not defined? 🧐 or...

  • Greg-DB's avatar
    Greg-DB
    Icon for Dropbox Community Moderator rankDropbox Community Moderator
    3 years ago

    bspindia Using Dropbox.embed is currently working for me. As Здравко noted, I see the latest code you shared is not the same as you originally shared though. So, can you confirm what error you are currently getting? If you're still seeing an issue, it would be useful if you share the exact code and steps you're using that reproduce the issue, as well as the full/exact error you're getting.

About Dropbox API Support & Feedback

Node avatar for Dropbox API Support & Feedback
Find help with the Dropbox API from other developers.

The Dropbox Community team is active from Monday to Friday. We try to respond to you as soon as we can, usually within 2 hours.

If you need more help you can view your support options (expected response time for an email or ticket is 24 hours), or contact us on X, Facebook or Instagram.

For more info on available support options for your Dropbox plan, see this article.

If you found the answer to your question in this Community thread, please 'like' the post to say thanks and to let us know it was useful!