> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pickcel.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Use the Dashboard Screen Mapper Chrome Extension?

> Learn how to display a specific portion of your dashboard instead of the entire webpage using 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

<Steps>
  <Step title="Visit the Chrome Web Store">
    Open the Chrome Web Store page for the Pickcel Dashboard Screen Mapper extension:

    <Card title="Install from Chrome Web Store" icon="chrome" href="https://chromewebstore.google.com/detail/pickcel-dashboard-screen/mghgkfgmallojenblbogepikofocgnep">
      Click here to install the Pickcel Dashboard Screen Mapper extension
    </Card>
  </Step>

  <Step title="Add to Chrome">
    Click the **Add to Chrome** button on the extension page.

    <Frame>
      <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/dashboard-screen-mapper/Add to chrome.H4UFJXeoRA-v.png" alt="Chrome Web Store page showing Add to Chrome button for Pickcel Dashboard Screen Mapper extension" />
    </Frame>
  </Step>

  <Step title="Confirm Installation">
    When prompted, click **Add extension** to confirm the installation. The extension will be installed and ready to use.

    <Frame>
      <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/dashboard-screen-mapper/Add Extension.em13mM2OWFZD.png" alt="Chrome browser popup prompting to confirm installation of Pickcel Dashboard Screen Mapper extension" />
    </Frame>
  </Step>

  <Step title="Pin the Extension (Recommended)">
    Click the puzzle icon in your Chrome toolbar and pin the Pickcel Dashboard Screen Mapper Extension for quicker access.

    <Frame>
      <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/dashboard-screen-mapper/Pin the Extension.9gn5T4l4dCzF.png" alt="Chrome toolbar showing how to pin Pickcel Dashboard Screen Mapper extension for quick access" />
    </Frame>
  </Step>
</Steps>

## Using the Extension to Capture an Area

<Steps>
  <Step title="Open Your Dashboard">
    Open the dashboard page (e.g., in Jira, Power BI, etc.) you want to display.
  </Step>

  <Step title="Launch the Screen Mapper">
    Click on the Screen Mapper extension icon from your Chrome toolbar. Click the **Select Area** button.

    <Frame>
      <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/dashboard-screen-mapper/screen_mapper-3.dX03sLJeSzes.png" alt="Pickcel Dashboard Screen Mapper extension popup in Chrome toolbar with Select Area button to capture dashboard portion" />
    </Frame>
  </Step>

  <Step title="Select the Desired Area">
    Your mouse pointer will change into a area selector (+). Click and drag your mouse to select the exact portion of the dashboard you want to capture and display on your signage screen.

    <Frame>
      <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/dashboard-screen-mapper/screen_mapper-4.7CZ-lqliAHk5.png" alt="Dashboard Screen Mapper interface showing active area selector tool ready to capture specific dashboard section" />
    </Frame>
  </Step>

  <Step title="Confirm Your Selection">
    Once you are happy with the selected area, click the **Confirm Selection** button.

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

    <Frame>
      <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/dashboard-screen-mapper/screen_mapper-5.iPJryksQc2Ff.png" alt="Selecting a specific area on dashboard by dragging cursor to capture portion for digital signage display" />
    </Frame>
  </Step>

  <Step title="Paste Code in Pickcel Console">
    Go back to your Dashboard App configuration in Pickcel Console and paste this code into the **Screen Selection Code** field.

    <Frame>
      <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/dashboard-screen-mapper/screen_mapper-6.7qolox1yEQW5.png" alt="Pasting screen selection code into Pickcel Console Dashboard App configuration Screen Selection Code field" />
    </Frame>
  </Step>
</Steps>

<Callout icon="triangle-exclamation" color="#FFA500" iconType="solid">
  If 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.
</Callout>

***

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

<Frame caption="Selected dashboard area displayed on digital signage using Pickcel Dashboard Screen Mapper">
  <img src="https://cdn.pickcel.com/images/support/apps/Dashboard_Apps/dashboard-screen-mapper/screen_mapper-7.gMNPrRYzW3ko.png" alt="Digital signage screen displaying selected dashboard area using Pickcel Dashboard Screen Mapper Chrome extension" />
</Frame>
