mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
2.7 KiB
93 lines
2.7 KiB
3 years ago
|
---
|
||
3 years ago
|
title: "Share Base"
|
||
2 years ago
|
description: "Procedures to share a base & generating embedded iframe"
|
||
|
3 years ago
|
---
|
||
|
|
|
||
|
2 years ago
|
## Generate Share base
|
||
|
3 years ago
|
|
||
1 year ago
|
- Open Project
|
||
|
|
- Click on `Share` button to the top right in the top navigation bar
|
||
|
3 years ago
|
|
||
|
1 year ago
|
|
||
|
3 years ago
|
|
||
|
1 year ago
|
- Under `Shared base` section and toggle `Enable public access` to enable shared base
|
||
|
3 years ago
|
|
||
|
1 year ago
|
|
||
|
3 years ago
|
|
||
|
1 year ago
|
- Share base link generated is displayed over & can be used to share this project to others. Click `Copy Link` to copy URL
|
||
|
|
|
||
|
|
|
||
|
3 years ago
|
|
||
|
|
|
||
|
2 years ago
|
## Modify Share base
|
||
|
3 years ago
|
|
||
|
3 years ago
|
Modifying `Share base` will invalidate the `Share base` link generated previously and will generate a new link.
|
||
|
3 years ago
|
|
||
|
|
- Open Project base
|
||
|
|
- Click on 'Share' button on top right tool bar
|
||
|
1 year ago
|
- Toggle ``Enable public access`` to disable base share
|
||
|
|
- Toggle ``Enable public access`` to re-enable base share & generate a new link
|
||
|
|
|
||
|
3 years ago
|
|
||
|
2 years ago
|
## Disable Share base
|
||
|
3 years ago
|
|
||
|
3 years ago
|
Disabling `Share base` will invalidate the generated `Share base` link
|
||
|
3 years ago
|
|
||
|
|
- Open Project base
|
||
|
|
- Click on 'Share' button on top right tool bar
|
||
|
1 year ago
|
- Toggle ``Enable public access`` to disable base share
|
||
|
3 years ago
|
|
||
|
2 years ago
|
## Share base Access Permissions
|
||
|
3 years ago
|
|
||
|
|
Shared base can be configured as
|
||
|
|
|
||
|
3 years ago
|
- 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.
|
||
|
3 years ago
|
|
||
|
1 year ago
|
Toggle `Enable Editor Access` button to configure permissions as desired
|
||
|
|
|
||
|
3 years ago
|
## Embeddable Frame
|
||
|
|
|
||
|
|
NocoDB interface can be embedded into existing applications easily by making use of [HTML IFRAME](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe)) attribute.
|
||
|
|
|
||
|
|
### Generate embeddable HTML code
|
||
|
|
|
||
|
|
- Open Project base
|
||
|
|
- Click on 'Share' button on top right tool bar
|
||
|
|
- Under 'Shared base link' tab
|
||
|
1 year ago
|
- Click on button to copy 'Embeddable HTML code'
|
||
|
3 years ago
|
|
||
|
3 years ago
|
Example:
|
||
|
3 years ago
|
|
||
|
|
```html
|
||
|
|
<iframe
|
||
|
|
class="nc-embed"
|
||
|
|
src="https://nocodb-nocodb-rsyir.ondigitalocean.app/dashboard/#/nc/base/e3bba9df-4fc1-4d11-b7ce-41c4a3ad6810?embed"
|
||
|
1 year ago
|
frameBorder="0"
|
||
|
3 years ago
|
width="100%"
|
||
|
|
height="700"
|
||
|
3 years ago
|
style="background: transparent; border: 1px solid #ddd"
|
||
|
3 years ago
|
>
|
||
|
3 years ago
|
</iframe>
|
||
|
3 years ago
|
```
|
||
|
|
|
||
|
|
### Embed into application's HTML Body
|
||
|
|
|
||
|
|
Sample code with embedded iframe generated above
|
||
|
|
|
||
|
|
```html
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<body>
|
||
|
|
<iframe
|
||
|
|
class="nc-embed"
|
||
|
|
src="http://localhost:3000/#/nc/base/7d4b551c-b5e0-41c9-a87b-f3984c21d2c7?embed"
|
||
|
1 year ago
|
frameBorder="0"
|
||
|
3 years ago
|
width="100%"
|
||
|
|
height="700"
|
||
|
|
style="background: transparent; "
|
||
|
|
></iframe>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
```
|