docs: base image cleanup

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
This commit is contained in:
Raju Udava
2023-09-28 16:51:26 +05:30
parent 39b5db4a27
commit d7de2d96f3
22 changed files with 23 additions and 21 deletions

View File

@@ -22,6 +22,7 @@ Here are the steps to modify it:
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.
![Enable public access](/img/v2/base/share-base-enable-public-access.png)
## Disable Share base
Disabling `Share base` will render the previously generated `Share base` link invalid
@@ -29,7 +30,7 @@ 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](/img/v2/base/shared-base-disable.png)
![Enable public access](/img/v2/base/share-base-enable-public-access.png)
## Share base Access Permissions
The "Shared base" can be configured in two modes:
@@ -38,7 +39,7 @@ The "Shared base" can be configured in two modes:
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
![Share base](/img/v2/base/shared-base-editor.png)
![Share base edit access](/img/v2/base/share-base-edit-access.png)
## Embeddable Frame
@@ -49,18 +50,18 @@ The NocoDB interface can be seamlessly integrated into existing applications thr
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.
![Share base](/img/v2/base/shared-base-iframe.png)
![Share base iFrame](/img/v2/base/share-base-iframe.png)
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"
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>
```
@@ -72,16 +73,16 @@ 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>
<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>
```