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.
94 lines
2.7 KiB
94 lines
2.7 KiB
3 years ago
|
---
|
||
3 years ago
|
title: "Share Base"
|
||
|
|
description: "Procedure to share a base & generating embedded iframe"
|
||
|
|
position: 615
|
||
|
|
category: "Product"
|
||
|
3 years ago
|
menuTitle: "Share Base"
|
||
|
|
---
|
||
|
|
|
||
|
|
## Generate 'Share base'
|
||
|
|
|
||
|
3 years ago
|
- Open Project
|
||
|
|
- Click on 'Share' button on top right tool bar
|
||
|
3 years ago
|
|
||
|
|
|
||
|
|
|
||
|
3 years ago
|
- Under 'Shared base link' tab
|
||
|
|
- Toggle from 'Disabled Share base' to 'Anyone with the link'
|
||
|
3 years ago
|
|
||
|
|
|
||
|
|
|
||
|
3 years ago
|
- 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]
|
||
|
3 years ago
|
|
||
|
|
|
||
|
|
|
||
|
|
## 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](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
|
||
|
|
- Click on </> button to copy 'Embeddable HTML code'
|
||
|
|
|
||
|
|
Sample
|
||
|
|
|
||
|
|
```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>
|
||
|
|
<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>
|
||
|
|
```
|