Embed a Dashboard
Create a simple dashboard using a Google Doc with a table. Dashboards can be added to any page and work well on your home page, as a summary of your site pages, or as pushthroughs to key pages.
Open Page Settings > Page Type and choose Dashboard.
When you first select the Dashboard content type we will create a new Google Doc using our dashboard template - simply replace the contents of our table with your own.
You can add a range of content to each dashlet on your dashboard. Try out the following in your table cells:
- Images - simply insert the image into the cell in your doc
- Formatted text - add bold, italic, bulleted, numbered textNested table - add a table into the cell
- Video - paste a YouTube video url into the cell
- More - Check out Embed Types for the full list.
Note: Cells with URLs should not contain any other text. For example, if you want to add a YouTube video to a dashlet you cannot add any explanatory text underneath as this will stop the video from displaying on the OverDRIVE page.
We have two dashboard layout options: Columns (varied dashlet height) and Rows (all dashlet heights are the same height).
This is the default for all new dashboards. Each dashlet will vary in height according to the content.
Please note that the column layout does not support merged columns; a full width single column table can be used instead.
We recommend you use a maximum of 4 columns.
Each dashlet will have a fixed height according to the content in the table row.
Please note that the row layout does not support merged rows but does support merged columns.
We recommend you use a maximum of 4 columns.
Editing your Google Document
To edit your dashboard, open the Google Document and use the editing features in Google Docs as follows:
Headings and content can be aligned left, right, center.
Vertical alignment can be achieved by using spaces above and below the text/image.
If you only have one element in a dashlet such as text you can use the table cell vertical alignment in table properties.
Full width content
When using the column layout span an image across the full width of the dashboard by adding a single cell table containing the image.
Header styling - background color, text color, underline color
The first heading in a cell is the header.
To apply a font or background color to a header use the highlight tool in the text/highlight toolbar. To add a border between the header and body use the underline tool in the toolbar.
Background Colors on cellsSet the background of a dashlet by applying a background color to a cell. Right click > table properties > cell background color. Unfortunately it is not possible to have a transparent background, we recommend you match the background color to the page background color to work around this issue.
Spacing around the content
To add spacing around your content within the dashlets. Right click from a table cell > table properties > cell padding.
Borders can be applied to the whole table via table properties or to an individual cell via the tool bar. If all four sides have different colors then the top border style is applied to whole dashlet. A border can only be applied to all four sides of a cell.
Link your dashboard content. If a dashlet only contains a header and an image then the link will be applied to the header and the image. Unfortunately you cant directly link an image at this time.
Fonts can be selected and applied to any text using the font picker from the Google Document toolbar where all google fonts are available.
Font sizes can be selected and applied using GDoc toolbar font size selector.
Images can be vertically and horizontally aligned using the centre align tool in the toolbar (Ctrl + Shift + E) and Cell Vertical alignment = center in table properties.
If the image width is 80 percent of the box width then the image will fill the whole box.
OverDRIVE Dashboard Settings
Once the Google Document has been edited, there are some OverDRIVE page settings that will add the finishing touches:
The preserve formatting checkbox will display the styling from the Google Document (checked) or plain text and styles from site settings (unchecked).
Preserve Header Colors
The preserve header colors checkbox displays the header colors from the Google Document (checked) or enable you to set the header color for all headings (unchecked).
Older dashboards will keep their header colors by leaving preserve header colors unchecked.
RSS Feed Items
If you have added an RSS feed url to one of your dashlets you can set the number of Feed Items and whether to display a date.