Configuring a Custom Number Widget

Learn to configure a custom number widget for your dashboard

Last published at: March 10th, 2026

The custom number widget can fetch data through a database connection and an SQL query, then display a number (such as a count) from the resulting data.

Go to the Manage > Dashboards page. 

 

Click the Actions > Create menu option on the Manage Dashboard page to create a new dashboard. You need to provide the dashboard name and display order number. 

 

The dashboard designer canvas opens on a new page. Drag the Custom Number Widget from the toolbox to the designer canvas. Click on the Edit icon to configure it. 

 

The Configure Widget UI properties are shown in the pop-up window below. Provide the title name. Select the database connection from the drop-down list. Provide the correct SQL Select syntax for the number algorithm. Use the $dateFilter (wildcard syntax) in the WHERE condition and include an appropriate date column reference. Provide the file path for a custom icon on the app server. Provide the hyperlink URL for the More Info button on the widget. Choose the colors from the drop-down list for the background and text. Click the Save button to confirm the changes. 

 

On the dashboard designer canvas, choose the UI > Preview menu option to view the dashboard. 

 

The custom number widget dashboard appears on the new page. 

 

Use the date filter to display the chart over a different timeline. Hover over the More Info link to see the URL at the bottom left. 

 

To view the dashboard in the menu pane, select Utils > Show/Hide on the dashboard designer canvas. 

 

Refresh the FlowWright Dashboard page to see the updated dashboard in the left pane, as shown below.