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.
Comments
7 comments
Can we edit the Viewbox or SVG? The SVG arrows are not the same size and they don'T seem to be placed correctly compared to the on eon the left.
Hello Orly Tandazo,
Sorry for this inconvenience!
It seems we had an issue with this view but it is solved now.
Thank you for letting us know.
Thomas
Hi, how do you add de target="_top" on the link inside the sheet (column slideLink) please ?
Thnaks,
Hello,
Is it posible to add a "CategoryFilter" in the slider spreadsheet?
Thanks!
Hi Luis Arcos.
You can definitely add a categoryFilter on your view. Click here to learn how.
But it cannot be used in the Google Sheets datasheet because it only works on Awesome Table views.
- Randy
Hi all,
Do you know how to change the value of the generated target attribute to target="_blank" (instead of "_top")?
I would like the link to be opened in the new tab.
Thanks,
Krzysztof
Hi @Krzysztof.
I'll open a ticket so our Support Team can better assist you with this. Thanks.
- Randy
Please sign in to leave a comment.