Product Docs
Self Hosting
Scripts ☁
Changelog (EE)

Share base

Procedures to share a base & generating embedded iframe

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 base with others. To copy the URL, simply click on the Copy URL option.

Share base

Share base

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.

Enable public access

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.

Enable public access

Custom URL

You can customize the URL of the shared base by entering a custom URL in the input field. The custom URL should be unique and should not contain special characters from the set (/, ?, #). If the custom URL is already taken, you will be prompted to enter a different custom URL.

To enable custom URL:

  1. Click on the Custom URL toggle
  2. Enter the custom URL in the input field
  3. Click on the Save button to save the changes

Custom URL

Note that, the custom URL is case-sensitive

Embeddable Frame

The NocoDB interface can be seamlessly integrated into existing applications through the utilization of the HTML 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 IFrame code to your clipboard.

Share base iFrame

Example:

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

Create base

Learn how to create a base in NocoDB.

Import Airtable to NocoDB

A complete import of your Airtable to any MySQL or Postgres databases within minutes