Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Overview

In some google sites, they use the "awesome table", which allows visitor to do a quick auto completion search on the contents of the spreadsheet.

 


This An "Awsome table" is way to display a Google spreadsheet with advanced functionalities on Google Site pages. This section describes the procedure to embed this feature too, it into a page in Solvay ONE.Image Removed

Pre-requisite: the "Awsome table" to embed must be used in a Google site. If needed, you could follow the Awsome table dedicated documentation 

Info
titleAdvanced level

This operation requires to browse some code to identify a specific part to copy-paste.

Table of contents


 

Table of Contents

 

 

Step-by-step guide


 

Step 1

: Activate XPM and perform an Insert "External Contents"
  1. Position in the rich text and from the menu toolbar, click to insert "External Contents" > Embed Code.
Image Removed

2. Copy the iframe HTML code of the awesome table.

Paste into the embedded code window.

You can do a preview of the embedded code by clicking on Refresh button.

Info
titleInfo

It is recommended to have the style width:100% for a better display.

Image Removed

: on Google site side: Get the Awsome table code

 
  1. Reach the Google site page containing the Awsome table

Image Added

2. Press "F12", then "Select an element to inspect".
Image Added
3. Click on the first filter of the Awsome table.
Image Added

4. Scroll-up the bottom pane to display the <iframe ... par of code.

Info

While hovering over this code, the whole Awsome table should be highlighted.

Image Added
5. Right click this part of the, then choose "Copy"
Image Added

Step 2: on Solvay ONE side, Insert the code at the right place

Achieve the "Step 2" from the following guide: Embed an "Awesome table" in a Solvay ONE Editorial. or Embed an "Awesome table" in a Confluence
3. Click on the Save button. 4. Click on Finish Editing.
 

 

 

Can't find information?



Navigation Map
one-user-guide
one-user-guide
titleRelated docs