github
/
nocodb
mirror of https://github.com/nocodb/nocodb
1
0
Fork 0
Code Issues Releases Wiki Activity
多维表格
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.
2320 Commits
138 Branches
275 Tags
1.2 GiB
 
 
 
 
 
 
Tree: d822b37d81
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'd822b37d81'
${ noResults }
nocodb/packages/noco-docs/content/en/setup-and-usages/share-base.md

2.7 KiB
Raw Blame History

title description position category menuTitle
Share Base Procedure to share a base & generating embedded iframe 615 Product Share Base

Generate 'Share base'

  • Open Project
  • Click on 'Share' button on top right tool bar

Screenshot 2022-02-19 at 11 11 39 AM

  • Under 'Shared base link' tab
    • Toggle from 'Disabled Share base' to 'Anyone with the link'

Screenshot 2022-02-19 at 11 16 02 AM

  • 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]

Screenshot 2022-02-19 at 12 01 58 PM

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) 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

<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>