Optimize your dashboard for TV

Geckoboard makes it easy for you to build a dashboard specifically for viewing from a distance on TV screens or monitors. You'll arrange your widgets on a fixed grid layout, ensuring accurate proportions for screen aspect ratios.

Tip

To learn more about selecting the appropriate hardware and connecting your TV display with Geckoboard, read this guide.

Important note

You cannot apply Custom CSS to style your dashboard using the fixed grid layout. If you use Custom CSS and want to build your dashboard so that it's optimized for TV, try our custom theme options.

Create a new dashboard optimized for TV

To create a new dashboard intended for display on a big screen, follow these steps:

  1. In the top left hand corner of your screen, click  Dashboards.
  2. At the bottom of the pop-up menu, click Add dashboard.
  3. Give your new dashboard a name and make sure Optimize layout for big screen is on .Add new dashboard for the big screen
  4. Click Add dashboard.
  5. Your new dashboard will scale to fit your screen as you're building it, allowing you to see exactly how it's going to look on your TV. Your widgets will also snap to the grid, so you don't have to be precise about alignments.TV dashboard grid with widgets

    Tip

    There are two types of grid layouts: Standard and Dense. Standard is best for focusing on a few key metrics, Dense allows more data. Read more

    Warning

    Vertical scroll is incompatible with landscape TV dashboards, which means that your widgets cannot be positioned off the fixed grid. This guarantees your dashboard to look great on any standard TV screen used in landscape mode.

    It is not currently possible to create TV dashboards in portrait layout.

Display a dashboard optimized for TV

Dashboards with optimized-layout for TV screens have two sections:

  1. Grid area
  2. "Off canvas" area

TV dashboard grid with widgets

 

All widgets in the grid will display on your TV once you set the dashboard up on Screens.

There are two types of grid layouts: Standard and Dense.

  • Standard grid (default) - creates a 6w x 3h grid that is best for focusing on a few key metrics.
  • Dense grid - creates a 8w x 4h grid that is convenient for displaying more data

You can set the type of grid of your dashboard from Settings > Customize appearance 

types_of_grid.gif

Widgets in the "off grid" area will remain hidden and won't display on Screens (or shared links).

 

Tip

Use the "off canvas" area to try out new metrics and visualizations without inconveniencing anyone that’s looking at the screen. 

 

Migrate widgets from your column dashboard layout

If you'd like to convert your existing column dashboard layout to one optimized for displaying on a TV, you can create a new fixed grid layout dashboard and make copies of the widgets from your existing dashboard.

If you cannot fit all your existing dashboard widgets into the fixed grid layout, consider prioritizing them or creating a loop.

Get in touch

If adding a new dashboard will exceed your plan's allocation, drop us a line and we can add a temporary additional dashboard to your account in order to migrate your widgets.

Convert to a column dashboard layout

If you no longer need to display your dashboard solely on a TV, you can choose to convert it to a column dashboard layout. This will allow you to fit more widgets on your dashboard than the fixed grid allows.

To convert your dashboard to a column layout, follow these steps:

  1. Select the dashboard you wish to convert.
  2. Click Settings.
  3. From the drop-down menu, click Dashboard settings.
  4. Click the Convert to column dashboard layout link.
Was this article helpful?

Awesome! 👍  Thanks so much for your feedback!