mirror of https://github.com/nocodb/nocodb
2.7 KiB
2.7 KiB
title | description | position | category | menuTitle |
---|---|---|---|---|
Share Base | Procedures to share a base & generating embedded iframe | 615 | Product | Share Base |
Generate Share base
- Open Project
- Click on
Invite Team
button on bottom left tool bar
- Under
Shared base link
tab and toggle fromDisabled Share base
toAnyone with the link
- 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]
Modify Share base
Modifying Share base
will invalidate the Share base
link generated previously and will generate a new link.
- Open Project base
- Click on 'Share' button on top right tool bar
- Click on 'Reload' button on Quick menu (next to Shared base link)
Disable Share base
Disabling Share base
will invalidate the generated Share base
link
- Open Project base
- Click on 'Share' button on top right tool bar
- Under
Shared base link
and toggle fromAnyone with the link
toDisable 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'
Example:
<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>