This app type allows you to create a responsive slideshow to insert in any of your websites in a few minutes. It can easily be configured with the following Slideshow specific settings and keywords.
Simple Slideshow App
Live example:
Keywords specific to the Slideshow app
These keywords are specific to the Slideshow app. They are used to specify what column should be used to create your app. All of these keywords are optional.
| Keyword | Usage |
|---|---|
| SlideTitle |
Displays the content of the column as a title in your slideshow. |
| SlideText |
Displays the content of the column as text in your slideshow. |
| SlideImage |
Designates the column containing the links to the pictures you would like to display. It is recommended to use good quality pictures. |
| SlideLink | Redirects users to links when they click a slide. |
| SlideContent |
Specifies what to display as HTML elements. |
Settings in the Slideshow app
There are a few settings available in the Slideshow app. They help you tweak the app to get the desired result.
| Setting | Description |
|---|---|
| Height (1) | Sets up the height of your slideshow. The width will depend on the width of the browser. |
| Slide display time (2) | Sets up the time Awesome Table will display each slide in seconds (can be a decimal number). |
| Text's color (3) | Sets up the color of the title, text and slideshow arrows. It can be a classic (red, blue, yellow, etc.), a hex or a rgba color. |
| Background's color (4) | Sets up the background color of your title and text. It can be a classic (red, blue, yellow, etc.), a hex or a rgba color. |
Slideshow app with HTML Template
Live example:
The basic slideshow app does not require you to write any HTML to display your content, but limits you to a specific layout, containing a background image, text, and/or a link.
If you wish to add more information in your slides or change how it is presented, you will need to write your own HTML template.
Learn more about using images stored in Google Drive: Display images from Google Drive.
Learn more about using images stored in Microsoft OneDrive: Display images from Microsoft OneDrive.
Learn more about using images stored in Microsoft SharePoint: Display images from Microsoft Sharepoint.
Here's an example with a top left corner logo, a centered profile picture, and a star rating to display reviews on a product.
- Create an empty column in your datasheet (using an appropriate header-title like "Template").
- Specify the "SlideContent" keyword in the second row in this column.
- Create a new sheet with the name you want. This name must be the same as in your "Templates range" (in our example, we used “Template”).
- Insert a new column in your template tab with the same header-title used for your SlideContent column (in the example above, we used "Template").
- Create your HTML template with the relevant markers and add CSS or Javascript templates.