Modified 24 August 2017 by Mark Williams

Vertical Dashboard

This is an example of a vertical dashboard, which can be embedded on any page of OverDRIVE. Once embedded, each cell of the table will become a dashlet on your dashboard. Vertical dashboards do not support merged cells. If you want to create a full width dashlet then a new table can be added to do the doc, this works best at the top of the document.

How do I get this on my site?

On any OverDRIVE page go to page types in page settings, select dashboard.

Any dashboard can become vertical by checking vertical Align in the page types tab.

https://twitter.com/OverDRIVEio

News

75x75-Chicago.fw.png

CEO emphasises Chicago move benefits

1 Sep 2016

75x75-RecordSaftey.fw.png

Record safety results in July 2016

27 Aug 2016

75x75EmployeeSat.fw.png

Employee satisfaction report published

25 Aug 2016

https://www.google.com/maps/d/embed?mid=1sG-p4i_aEHC0PFXTqFHGdY9Ujjs

https://youtu.be/FTnJKaNWhxg

Industry Feed

https://www.refractiv.co.uk/news/feed/

Add a link to a dashlet

Google Presentation

https://docs.google.com/presentation/d/19UFP46GWU7TTyB6m2LE83Zr7dBZagc6xVsKQbnt8VZ0/preview#slide=id.p

Dashlet with border

Border is applied to a dashlet from a table cell. If all 4 sides have a different color the top border style is applied to the whole dashlet. .

Latest Features

Coming Soon…

  • Vertical Dashlets
  • Multiple Tables
  • Colour Settings
  • Cell padding
  • Borders
  • Hyperlinks
  • Fonts and Sizing
  • Images
  • RSS
  • Backward Compatibility

Dashlet Styling Tips

Text format and spacing

Spacing around text can be added to any cell by adding cell padding. Click on table cell and open table properties. Now change the value of Cell padding and it will adjust the space around the text on the dashlets..

Fonts
Fonts can be selected and applied to any text by using the font picker from the GDoc toolbar where all google fonts are available.

 

Font sizes
Font sizes can be selected and applied using GDoc toolbar font size selector.

 

Add link to Dashlet

Add a link to the first heading in the cell and if there is only one image in the cell then it will also apply link to that image on dashlet. If the dashlet contains more than just one image the link will only apply to the header.

Header styling

A header needs to be at the top of the cell and h1,h2,h3 etc.

Use highlight colour and text colour to style.

Dashlet Colours

Background color applied to the table cell is shown as the background colour of the dashlet.

To change the background colour of the dashlet header apply highlight on the first heading (h1,h2,h3) in the cell.

Underlining a Header

underline colour to style dashlet headings.

Underlining a header will apply a border line between the header and the body. The colour of this comes from the heading text colour.

Single cell table

This enables you to span content across the full width.