How to Use the Dashboard Screen Mapper Chrome Extension?

How to Use the Dashboard Screen Mapper Chrome Extension?

​​​The Dashboard Screen Mapper allows you to display a specific portion of your dashboard instead of the entire webpage. This is perfect for displaying the key metrics from your dashboard and removing unnecessary menus or sidebars.

Installing the Extension

Since the Screen Mapper isn’t currently available in the Chrome Web Store, you’ll need to load it into Chrome manually. 

  1. Download the extension ZIP file here: dashboard-screen-mapper.zip ; please extract the zip file into a desired folder on your computer.

  2. Open the Google Chrome browser, and type chrome://extensions/ into the address bar and press Enter.

  3. In the top-right corner of the Extensions page, toggle on Developer mode. New buttons will appear. Click on Load unpacked.


  4. Select the Folder: In the file selection window, navigate to the folder where you extracted the extension files(dashboard screen mapper folder)  and select/open it. The extension will now appear in your list of Chrome extensions.


Idea
Pin the Pickcel Dashboard Screen Mapper Extension for quicker access


Using the Extension to Capture an Area

  1. Open the dashboard page (e.g., in Jira, Power BI, etc.) you want to display.

  2. Click on the Screen Mapper extension icon from your Chrome toolbar.

  3. Click the Select Area button. Your mouse cursor will change into a plus sign (+).


  4. Click and drag your mouse to select the exact portion of the dashboard you want to capture and display on your signage screen.


  5. Confirm Selection: Once you are happy with the selected area, click the Confirm Selection button.


  6.  A confirmation message will appear, and the necessary selection code will be automatically copied to your clipboard.

  7. Go back to your Dashboard App configuration in Pickcel Console and paste this code into the Screen Selection Code field. 


InfoIf this field is left blank, the entire dashboard will be shown. We recommend enabling the scroll functionality so that everything on the screen is visible.

That's a wrap 🎉. After successful configuration, the selected area of your desired dashboard will be visible on your signage screen.

    • Related Articles

    • How to Display a Power BI Dashboard on Digital Signage

      This guide shows you how to display a Microsoft Power BI dashboard on your digital signage screens, perfect for showcasing business intelligence, data visualizations, and key performance indicators. We offer a dedicated Power BI app and recommend ...
    • How to Display a Jira Dashboard on Digital Signage Using Pickcel?

      This guide details how to display a Jira dashboard on your digital signage screens using Pickcel. This is perfect for keeping your teams aligned on sprint progress, issue tracking, and project velocity. Prerequisites: An Atlassian account with access ...
    • How to Display Dashboards on Your Digital Signage Screens with Pickcel?

      The Pickcel Dashboard App allows you to securely display dynamic, read-only views of your favorite service dashboards—like Jira, Power BI, Salesforce, and more—directly on your digital signage screens. It works by using a secure, server-side browser ...
    • How to use android smartphone as digital signage screen?

      Steps to install the app from Google Play Store The Pickcel signage player app can be installed on any Android phone by directly accessing https://play.google.com/store/apps/details?id=pickcel.digital.signage or by following the below steps : 1. Go ...
    • How to Display a Trello Board on Digital Signage Using Pickcel?

      This guide shows you how to display a Trello board/dashboard on your digital signage screens using Pickcel, which is excellent for visualizing workflows, tracking task progress, and managing team projects in a shared space. Prerequisites An Atlassian ...