Metric card component

Highlight one key value with a metric card.

Use a Metric card component to highlight one important number on a page. Metric cards work well for totals, counts, averages, and other summary values.

Before you add a Metric card component, make sure you have:

• A clear number users should see first
• A source table with the records you want to summarize
• A field that supports the aggregation you want to use

Add a Metric card component to a page

1

Open the Add tab

In the Settings panel, open Add.

2

Add Metric card

Under Views, drag Metric card to the preferred location on the page.

3

Configure the source

In the Settings of the component,

• Choose the source Table.
• Select the Field, you want to aggregate.
• Choose the Aggregation.
• Add a Filter if you want to display a Trend.

4

Adjust the display

Choose the Number format. Optionally add an Icon and enable Trend. Then drag the component to move it on the page. Use the resize handles to adjust its size.

To enable Trend, add a date field to the filter first.

Metric card component settings

In Settings, you can define the basic component details:

• Label for the title shown on the component
• Internal name is filled automatically. Change it only if needed and carefully. When you script, you use Internal name, not Label.

Under General, configure how the card behaves:

• On click to define what happens when users click the card.

Under Source, configure the value shown on the card:

• Table to choose the source table
• Field to choose the field Ninox should summarize
• Aggregation to choose Count, Sum, Average, Median, Min, or Max Use Count to show the number of matching records. Use the other aggregation options to summarize values from the selected field.

Under Display, configure how the card appears:

• Number format to show the value as Number, Currency, Percentage, or Compact
• Icon to add a visual icon to the card
• Trend to show a trend indicator when a date filter is set

  If Trend is enabled, you can set:

  • Period to be for Yesterday, Last week, Last month, or Last year
  • Trend format as Percentage or Absolute value
  • Positive to choose if Up- or Down is good

To remove a component from a page, select the component, then click Delete component in the blue menu above it.