Hands-on: Dashboard Landing Page Overview

This tutorial shows you how to create a dashboard for orders that summarizes order performance and helps identify issues that order managers may need to address. You'll use the Dashboard Landing Page Template Pattern component to show the KPIs (key performance indicators) for total number of orders and total items in stock along with charts.

In this tutorial, you learn how to:
  • Create the Order Analysis page with the Dashboard Landing Page Template Pattern component.
  • Configure the two scoreboard KPIs.
  • Add 2 dashboard panels to the first KPI dashboard grid to create a 3-panel, above-fold layout.
  • Add JET bar and pie chart visualizations with connections to rraOrders and rraProducts data to the KPI dashboard panels.

Time to complete: Approximately 90 minutes

Prerequisites
  • Download and install the Google Chrome browser (version 84 or later).

    Chrome is the only supported browser for Page Designer in Visual Builder Studio.

  • Allow third-party cookies in Chrome. You need to complete these steps to accept third-party cookies:
    1. Open Google Chrome.
    2. Click Customize and control Google Chrome (three vertical dots), and then click Settings.
    3. Click Privacy and security.
    4. Click Cookies and other site data.
    5. Click Allow all cookies.
    6. Close the Settings tab.
  • You should have already completed the Hands-on: Manage Orders and Hands-on: Edit an Order tutorials.