Skip to main content

Fullscreen dashboards

Overview​

Memfault lets you create multiple dashboards to visualize and group your data, creating specific sets of metrics to share with your team or to provide high-level overviews of device health. To display these dashboards in fullscreen, follow the guidance on this page.

Hide the sidebar and headers​

To achieve a cleaner look for fullscreen dashboards, especially on dedicated displays, hide elements like the Memfault navigation sidebar or the top header bar.

Browser extensions like Attentional let you hide specific parts of a webpage.

  1. Install the Attentional extension from the Chrome Web Store.
  2. Navigate to your Memfault dashboard.
  3. Right-click an element you want to hide, such as the sidebar.
  4. Select Hide from the context menu provided by Attentional.
  5. Repeat for other elements, such as the header.

This approach maximizes the space available for your dashboard charts.

The following video demonstrates how to configure Attentional to hide elements on a Memfault dashboard:

Go fullscreen with Google Chrome kiosk mode​

Google Chrome offers a kiosk mode, which launches the browser in a locked-down, fullscreen state pointed at a specific URL while hiding the URL bar. This approach is suitable for dedicated dashboard displays. Launch Chrome in kiosk mode from the command line:

# macOS
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --kiosk "YOUR_DASHBOARD_URL"

# Windows (example path, adjust as needed)
"C:\Program Files\Google\Chrome\Application\chrome.exe" --kiosk "YOUR_DASHBOARD_URL"

# Linux
google-chrome --kiosk "YOUR_DASHBOARD_URL"

Replace "YOUR_DASHBOARD_URL" with the actual URL of the Memfault dashboard you want to display.

Auto-refresh dashboards​

When you display dashboards for extended periods, especially in fullscreen or kiosk mode, configure the page to refresh automatically so you see the latest information. Browsers such as Chrome do not have a built-in auto-refresh feature.

To handle automatic refreshes, use a browser extension such as the lightweight Auto Refresh Nano extension for Google Chrome.

  1. Install the extension from the Chrome Web Store.
  2. Navigate to your Memfault dashboard tab.
  3. Click the Auto Refresh Nano extension icon in your browser toolbar.
  4. Set the desired refresh interval, for example, 3600 seconds for one hour.
  5. Start the refresher.

The extension then automatically reloads the page at the specified interval.

Auto Refresh Nano extension icon and settings