In this article we will learn how to insert an Awesome Table view in a Classic Google Site using Awesome Table's gadget. We will first learn how to add the gadget on your site and then how to display your view.
Prerequisite : Before beginning this tutorial, you should have already created the view you want to display. To learn how to create a view, please read our basic configuration section.
1 - Add the gadget to your Google Site
Open the Google Site Page where you want to add the gadget.
Edit the page and click on menu Insert > More gadgets.
- Find Awesome table's gadget
In the search bar, write "Awesome Table" and click on "Add".
If you are not already connected or if you never logged to Awesome-Table.com before, you will be prompted to log-in the web application Awesome-Table.com
If you are accessing the application for the first time, you will be asked to accept the authorization Awesome-Table.com need to work.
These authorizations are subject to changes without warning to adapt the application evolution. If that is the case, you will be prompted again with the new scopes.
If you are stuck at the following screen and no authentication tab opened (or flashed and disappeared), then you probably have an issue with your ad-Blocker. White-list the Awesome-Table.com domain in your ad-blocker, then try again.
In Chrome you might have to manually authorize the cookies for Awesome-Table.com, you can do that in Chrome parameters: chrome://settings/contentExceptions#cookies
If the issue persists, try checking for a resource issue on this page.
2 - Insert your Awesome Table view
- Choose "Use an existing view" to use an existing Awesome table view
We do not recommend creating a new view from the gadget, but rather on our webapp.
You will find the list of all your created views, just select the one to insert :
- Save your Awesome Table gadget
Save your Awesome Table gadget (1), and finally save the whole gadget (3) and the Google site page:
Your gadget is now linked to the Awesome Table view used. Editing the view in the gadget will also change the settings to source view.
To get separate view, use the 'Make a copy' button.
You don’t have to configure the height. It is automatically recalculated depending on the data to display.
Do not include a scroll-bar: it will mess with the automatic resizing. So don’t check the option “Include a scroll-bar” (keep in mind that after saving changes you have to reload the page to get the automatic resizing to work).