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

# Numbers

> Instructions on how to create and use the Numbers Widget

## Adding a Numbers Widget

<Steps>
  <Step title="Add a Widget to the Dashboard">
    In the *Edit Mode* tab of the Dashboards Building Interface, click the "add a widget" button.

    <Frame>
      <img src="https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/AddWidgetButton.gif?s=f75948da4ae03a6f518ef0a6b4e43286" width="1952" height="1080" data-path="img/Dashboards/AddWidgetButton.gif" />
    </Frame>
  </Step>

  <Step title="Select the Number Option">
    Choose the **number** option from the widget list.

    <Frame>
      <img src="https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/NumberWidget.gif?s=a42ebcbe586db67149065d510e8e93c8" width="1952" height="1080" data-path="img/Dashboards/NumberWidget.gif" />
    </Frame>
  </Step>

  <Step title="Name Your Widget">
    In the sidebar in the top left corner, double-click on *Untitled widget* and provide a name for the selected widget.

    <Frame>
      <img src="https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/EditWidgetName.png?fit=max&auto=format&n=SbkcEaz7WANh9_cC&q=85&s=7c05ad1540c6f23e8200759c956d6763" width="3584" height="2062" data-path="img/Dashboards/EditWidgetName.png" />
    </Frame>
  </Step>

  <Step title="Choose a Data Source">
    Choose a data source: [Tables](/docs/blink-platform/tables/tables), [Case Management Tables](/docs/case-management/manage-tables) or [Case Management Reportings](/docs/blink-platform/dashboards/building-a-dashboard/source-types/case-management-reporting) and proceed by selecting the specific table column from the data source you would like to use.

    <Frame>
      <img src="https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/NumberSource.gif?s=7bb7b3921d5405a92c63f22e9fbb1154" width="1300" height="720" data-path="img/Dashboards/NumberSource.gif" />
    </Frame>
  </Step>

  <Step title="Apply Filters to Your Widget (Optional)">
    Under the Filters section, you can use the [condition builder](/docs/workflows/building-workflows/condition-builder#condition-builder) to define one or more conditions that determine which records are included, filtering the underlying data accordingly. You can also create [nested conditions](/docs/blink-platform/condition-builder/condition-builder#the-advanced-condition-builder-and-nested-conditions) to group related conditions together and apply their own `AND` or `OR` logic, enabling more advanced and precise filtering.

    <Frame>
      <img src="https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/ConditionBuilder.png?fit=max&auto=format&n=yJ58SW0nEEHwB-YX&q=85&s=9c7dbc03dc8e762d1c7d4ade8a3eda5d" width="3551" height="1993" data-path="img/Dashboards/ConditionBuilder.png" />
    </Frame>
  </Step>

  <Step title="Configure Number Display">
    Under the *Numbers* section:

    1. If you select **Record Count**:

       1. It will display the number of records available on the selected source table on the Numbers widget.

    **OR**

    2. If you select **Field Function** (You can only add a **Field Function** if the selected column is a **numeric value**).

       1. **Choose a column**: `Time from Status Open to Status`, `Time in Status`,  `Time to Assign`, `Workflow Runtime Duration`
       2. **Choose the sum operation that will be used to calculate the selected column values**: `Sum`, `Maximum`, `Minimum`, `Average` or `Median`.

    <Frame>
      <img src="https://mintcdn.com/blinkops-2/SbkcEaz7WANh9_cC/img/Dashboards/FieldFunction.gif?s=570db366c9c4d89e6b88403e96727c88" width="1300" height="720" data-path="img/Dashboards/FieldFunction.gif" />
    </Frame>
  </Step>
</Steps>

## Customize Number Widget

In the 'Appearance' tab, you can customize the **Number Widget** by selecting both the display format and the color theme. The available number formats are:

1. **Default** – Displays numbers in the standard format. This is the default setting.

2. **Percentage** – Converts numbers into a percentage format, making it easy to represent proportions or ratios.

3. **Currency** – Formats numbers as currency. You can also select the desired currency symbol to match your needs.

   <Frame>
     <img src="https://mintcdn.com/blinkops-2/Gd9BxmOXaM38Xn4E/img/Dashboards/CustomizeNumberWidget.png?fit=max&auto=format&n=Gd9BxmOXaM38Xn4E&q=85&s=8ea404471238339436e4fc26937c6baa" width="3454" height="2154" data-path="img/Dashboards/CustomizeNumberWidget.png" />
   </Frame>

## Editing a Number Widget

In the **Data** tab, any changes you make will be automatically applied to the widget in real time.

## Deleting a Number Widget

<Steps>
  <Step title="Select Delete Button">
    <p>In the left-hand sidebar, click the <Icon icon="square-ellipsis-vertical" iconType="solid" /> icon in the top-right corner and then select the delete button.</p>
  </Step>

  <Step title="Confirm Widget Removal">
    The Number widget will be removed from your Dashboard Building Interface.

    <Frame>
      <img src="https://mintcdn.com/blinkops-2/yJ58SW0nEEHwB-YX/img/Dashboards/DeleteNumber.png?fit=max&auto=format&n=yJ58SW0nEEHwB-YX&q=85&s=56fb3e79d42f5fe197db22ac5e8eab9d" width="3532" height="1977" data-path="img/Dashboards/DeleteNumber.png" />
    </Frame>
  </Step>
</Steps>
