mirror of
https://github.com/nocodb/nocodb.git
synced 2026-05-01 00:36:39 +00:00
95 lines
3.9 KiB
Markdown
95 lines
3.9 KiB
Markdown
---
|
|
title: "Share base"
|
|
description: "Procedures to share a base & generating embedded iframe"
|
|
tags: ["Bases", "Share", "Collaboration", "Share base"]
|
|
keywords: ["NocoDB base", "share base", "base collaboration", "Public share"]
|
|
---
|
|
|
|
To share a base, follow the steps below:
|
|
1. Navigate to the top right corner of the top navigation bar and click on the `Share` button.
|
|
2. In the `Shared base` section, toggle the switch to `Enable public access` in order to activate the shared base feature.
|
|
3. The generated link for the shared base will be displayed above and can be utilized to share this project with others. To copy the URL, simply click on the `Copy Link` option.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## Modify Share base
|
|
Amending the `Share base` setting will render the previously generated `Share base` link invalid and generate a new link in its place.
|
|
Here are the steps to modify it:
|
|
1. Click on the `Share` button located in the top right corner of the toolbar.
|
|
2. Toggle the option labeled `Enable public access` to deactivate the base share.
|
|
3. Toggle the same option, `Enable public access,` to reactivate the base share, subsequently generating a new link.
|
|
|
|
|
|
|
|
## Disable Share base
|
|
Disabling `Share base` will render the previously generated `Share base` link invalid
|
|
Here are the steps to disable it:
|
|
1. Click on the 'Share' button located in the top right corner of the toolbar.
|
|
2. Toggle the option labeled `Enable public access` to deactivate the base share.
|
|
|
|
|
|
|
|
## Share base Access Permissions
|
|
The "Shared base" can be configured in two modes:
|
|
|
|
1. **Viewer** - Users with the provided link will have **read-only** access to the base data.
|
|
2. **Editor** - Users with the provided link will have **read and write** access to the base data.
|
|
|
|
Toggle `Enable Editor Access` button to configure permissions as desired
|
|
|
|
|
|
|
|
## Embeddable Frame
|
|
|
|
The NocoDB interface can be seamlessly integrated into existing applications through the utilization of the [HTML IFRAME](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe) attribute. This feature empowers users to embed the NocoDB interface into their applications, allowing for a unified user experience. To generate the embeddable HTML code, follow these steps:
|
|
|
|
**To Generate Embeddable HTML Code:**
|
|
1. Click the `Share` button located in the top right corner of the toolbar.
|
|
2. Within the `Shared base link` tab, select the button to copy the `Embeddable HTML code` to your clipboard.
|
|
|
|
|
|
|
|
Example:
|
|
|
|
```html
|
|
<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
|
|
|
|
```html
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Sample iFrame Example</title>
|
|
</head>
|
|
<body style="height:100vh; margin:0">
|
|
<iframe src="http://localhost:3000/#/base/035c5207-501a-48b8-8dbe-67742b78323e" width="100%" height="100%" style="border: none;"></iframe>
|
|
</body>
|
|
</html>
|
|
```
|
|
|
|
## Related articles
|
|
- [Base overview](/bases/base-overview)
|
|
- [Create an empty base](/bases/create-base)
|
|
- [Import base from Airtable](/bases/import-base-from-airtable)
|
|
- [Invite team members to work on a base](/bases/base-collaboration)
|
|
- [Share base publicly](/bases/share-base)
|
|
- [Rename base](/bases/actions-on-base#rename-base)
|
|
- [Duplicate base](/bases/actions-on-base#duplicate-base)
|
|
- [Bookmark base](/bases/actions-on-base#star-base)
|
|
- [Delete base](/bases/actions-on-base#delete-base)
|