This article explains how to display a static element on your Awesome Table app. You can place additional HTML elements in Header templates to provide more context about your Awesome Table app.
2
What are Header templates?
Header templates are static elements displayed on top of your Awesome Table app. This template can be fully customized with HTML (text, images, hyperlinks, etc.). Some of the common uses of the Header template are to:
- embed logos or icons, map legends or titles in your Awesome Table app
- link your external CSS, fonts, icons (for example, Font Awesome) and import CSS or JavaScript libraries (for example, BootStrap and Material Design)
Header template used to insert a logo
Live example
Create and set up your Header template
Create the template sheet
1. Click the Add Sheet icon to insert a blank sheet.
2. Rename the new sheet. In our example, we named it Template.
1. Click the New sheet icon to insert a blank sheet.
2. Rename the new sheet. In our example, we called it Template.
Set up the Header template
1. Add a new column for the Header template. Enter whatever elements you want to appear in this section. Leave the column’s header (label) blank.
2. Enter whatever elements you want to appear in this section. You can try our example by copying and pasting our simple code below (in cell C2):
<img src = "https://svgshare.com/i/X_h.svg" class="mylogo">
 |
 |