Add the KPI Card widget to the dashboard

1. Drag and drop the KPI Card widget into the design panel.
2. Select the Properties icon.
3. Go to the ASSIGN DATA tab and select the API data source that you manually added to the dashboard from the dropdown.

   For example, the CoreconAPI_Overview.

   

4. Drag and drop one of the measures listed in the Measures section to the KPI Card's Actual Value field. For example, the PrimeInvoice_Approved_Total.
   Add the Actual Value measure before adding the Target Value measure.
5. Drag and drop one of the measures listed in the Measures section to the KPI Card's Target Value field. For example, the RevenueBudget_Revised_Total.

   

6. Optionally, select the Properties icon next to the measure to change the math function and the number format.

   For example, from Sum to Avg.

   Sum is the most common math function used in dashboards.
7. Select the PROPERTIES tab to rename the widget, adjust the font size, and configure the attributes as follows:
   1. Review the selected Type in the KPI Value section and adjust the KPIFontSize as needed.
   2. Review the selected Type in the Left Value and Right Value sections and modify the following fields as needed:
      • Value Font Size
      • Caption text
      • Caption Font Size
   3. Deselect the Title Auto Font Size and Subtitle Auto Font Size options in the Container Appearance section, and adjust the Font Size for each.
   4. Modify the rest of the attributes as needed.
8. Adjust the width and height of the KPI Card widget as needed.
   The 48x24 dashboard canvas adjusts to the user's page size, so you might need to re-adjust the widget's dimensions after previewing.