nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Child Item

Dropbox JavaScript SDK vs Dropbox saver JavaScript

neunygph

Hello,

I'm just starting to use Dropbox JavaScript SDK from http://dropbox.github.io/dropbox-sdk-js/Dropbox.html on my client side. But there is a conflict when using both refrences from

<script src="https://unpkg.com/dropbox/dist/Dropbox-sdk.min.js" ></script>

AND

<script src="//www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="riqoimk2j9c8d1m" ></script>

Both references has Dropbox object and Dropbox function (both same name) and this cause javascript error when creating a saver button. For instance:

var button = Dropbox.createSaveButton(options)

This createSaveButton will cause an error since there is no "createSaveButton" method from https://unpkg.com/dropbox/dist/Dropbox-sdk.min.js. Is there a way that I can distinguish these 2 "Dropbox" object/function so their methods can be called properly.

Thanks

Find more posts tagged with

API

Abuse

Accepted answers

Greg-DB

These libraries weren't written with each other in mind unfortunately, but you can do something like this to work around it:

    <script src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="riqoimk2j9c8d1m" ></script>
    <script type="text/javascript">
        var Dropbox_Dropins = Dropbox;
    </script>

    <script src="https://unpkg.com/dropbox/dist/Dropbox-sdk.min.js" ></script>
    <script type="text/javascript">
        var Dropbox_SDK = Dropbox;
    </script>

And then you can use Dropbox_Dropins or Dropbox_SDK in place of Dropbox respectively.

All comments

Greg-DB

These libraries weren't written with each other in mind unfortunately, but you can do something like this to work around it:

    <script src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="riqoimk2j9c8d1m" ></script>
    <script type="text/javascript">
        var Dropbox_Dropins = Dropbox;
    </script>

    <script src="https://unpkg.com/dropbox/dist/Dropbox-sdk.min.js" ></script>
    <script type="text/javascript">
        var Dropbox_SDK = Dropbox;
    </script>

And then you can use Dropbox_Dropins or Dropbox_SDK in place of Dropbox respectively.

neunygph

Ah I see, I didn't think of that

Thanks Greg.

neunygph

Hi Greg,

For drobox pin, is data-app-key value always "riqoimk2j9c8d1m" ?

Thanks,

Greg-DB

That's just the app key you supplied in your original post. When loading the dropins library, that should always be the app key for the app you want to use the Chooser with. The "riqoimk2j9c8d1m" value does seem to be a valid app key for your app, so that's fine.

neunygph

Oh ok, thanks Greg.