Share Base

If you are using NocoDB with version 0.90 onwards, please check out the latest documentation here instead. The documentation for previous versions is no longer maintained and will be completely removed on 30 Jun 2022. See v0.90 Important Announcement for more.

Generate 'Share base'

  • Open Project
  • Click on 'Share' button on top right tool bar

Screenshot 2022-02-19 at 11 11 39 AM

  • Under 'Shared base link' tab
    • Toggle from 'Disabled Share base' to 'Anyone with the link'

Screenshot 2022-02-19 at 11 16 02 AM

  • Share base link generated is displayed over & can be used to share this project to others in the team [Selection (2) in the image below]

Screenshot 2022-02-19 at 12 01 58 PM

Modify 'Share base'

Modify 'Share base' will invalidate earlier generated 'Share base' link & generate a new link.

  • Open Project base
  • Click on 'Share' button on top right tool bar
  • Under 'Shared base link' tab
    • Click on 'Reload' button

Disable 'Share base'

Disable 'Share base' will invalidate generated 'Share base' link

  • Open Project base
  • Click on 'Share' button on top right tool bar
  • Under 'Shared base link' tab
    • Toggle from 'Anyone with the link' to 'Disable Share base'

'Share base' access permissions

Shared base can be configured as

  • Viewer: User with the link will get READ ONLY access to the project data
  • Editor: User with the link will get READ WRITE access to the project data

Embeddable Frame

NocoDB interface can be embedded into existing applications easily by making use of HTML IFRAME) attribute.

Generate embeddable HTML code

  • Open Project base
  • Click on 'Share' button on top right tool bar
  • Under 'Shared base link' tab
    • Click on </> button to copy 'Embeddable HTML code'

Sample

<iframe
    class="nc-embed"
    src="https://nocodb-nocodb-rsyir.ondigitalocean.app/dashboard/#/nc/base/e3bba9df-4fc1-4d11-b7ce-41c4a3ad6810?embed"
    frameborder="0"
    width="100%"
    height="700"
>
    style="background: transparent; border: 1px solid #ddd"></iframe
>

Embed into application's HTML Body

Sample code with embedded iframe generated above

<!DOCTYPE html>
<html>
    <body>
        <iframe
            class="nc-embed"
            src="http://localhost:3000/#/nc/base/7d4b551c-b5e0-41c9-a87b-f3984c21d2c7?embed"
            frameborder="0"
            width="100%"
            height="700"
            style="background: transparent; "
        ></iframe>
    </body>
</html>