Inserting or embedding your Awesome Table app in Drupal is as easy as copy and pasting.
info Before beginning this tutorial, you should already have an existing app that you can use.
warning You need to have admin / editor access to a CMS since you'll be inserting HTML code and scripts.
Drupal usage is beyond Awesome Table's scope of support. We suggest reaching out directly to their Forum or refer to their Documentation for your Drupal related concerns.
Drupal usage is beyond Awesome Table's scope of support. We suggest reaching out directly to their Forum or refer to their Documentation for your Drupal related concerns.
Copy the embed code
Open the Awesome Table app in edit mode.
Click the Embed button.
Copy the script under Step 1.
Prep your Drupal Article (or Basic page)
Once the Drupal Article (or Basic page) is in edit mode, select Full HTML for the Text format.
warning Basic HTML or Restricted HTML won't display your Awesome Table app.
Click the Source button.
Paste the <script> in the <head> of your website.
Go back to your app. Under Step 2, copy the <div> code.
Paste the <div> code where you want to display your app.
info If you're going to embed multiple Awesome Table apps on the same page, you only need to insert the
<script> tag once and just paste the <div> tag(s) where needed. For advanced users: add the <script> tag to the <head> section of your website and just paste the <div> tag(s) where needed. Save to publish your app
Click the Save button for the changes to take effect.
A success alert message will confirm that the article (or basic page) has been created. Your visitors should be able to see your Awesome Table app embedded in your Drupal site.
warning To ensure that your Awesome Table app is available to your users or visitors, properly configure your spreadsheet settings.
info It is now possible to embed a pre-filtered Awesome Table app with an iframe or URL, read the following article to know more: Display different subsets of your data with pre-filtered URLs