Built-in Interactive Dashboards

Design interactive Salesforce dashboards with drag-and-drop KPIs, charts, tables, cross-filtering, and multi-page reports — all inside your grid, no external tools required

We are thrilled to announce the newest feature to AppGrid - the ability to create cross-filter dashboards!

AppGrid dashboards are designed with a point-and-click interface that makes it easy for business users to create analytic reports.

We integrated AppGrid dashboards with our enterprise query technology so you can create the report once and execute different queries to change the report data dynamically.

You may be wondering how this compares to Salesforce Tableau. Tableau is an excellent enterprise BI analytics platform. As such, it is a significant investment and to get the proper results usually requires a project to prepare data and technical support to manage the server infrastructure. AppGrid Dashboards is a client-side analytics tool that provide a similar analytics capability without the expense and complexity of an enterprise solution.

Let's take a look at a Opportunity dashboard in AppGrid. Of course, we have it displayed in our favorite dark mode style.

You can click on a chart bar or pie segment and the chart will update dynamically due the cross–filtering capability of AppGrid Dashboards.

We also support multiple pages. Let's click on Page 2 which is displaying pipeline metrics.


Reports are created using the report designer. Once you have configured the report data sources, you will see the fields for each report object displayed in the Data tab. The Compose tab displays widgets that you can drag onto the report canvas to create your report. The Filters panel is where you can define cross-filters on a per widget or page basis.


Table of Contents

Assign permissions

Accessing dashboards

Creating a dashboard

Configuring data sources

Creating report query

Creating report page

Previewing dashboards

Theming

Assigning dashboard license and permissions

Access to the AppGrid dashboards require purchasing the AppGrid Analytics license for each user who will be creating and/or viewing dashboards.


Assign the dashboard permission set to each user that will access the AppGrid dashboards.


There are 2 grid permissions associated to AppGrid dashboards. For users who only need to view dashboards, assign the Analytics View permission. For users who will create dashboards, assign the Analytics View and Analytics Design permissions.


Accessing dashboards

Users that have been assigned the AppGrid Analytics license will see the Analytics button in the sidebar. Clicking that button will display the AppGrid dashboard report page which displays a list of the user's dashboards.


Users assigned the Analytics Design grid permission will see the New Report button.


Select a report and click the delete button on a report record to remove the report.


Creating dashboards


Click the New Report button to create a new dashboard. Enter a name for the report (and an option description). Click Create.



An informational message will be displayed that provides guidance on what steps are required to create a dashboard.



After saving, the report editor will be displayed. More on creating reports in a bit.


Assigning report data sources


Click the Data Sources button in the navigation rail to open the report data source panel. Click the Add button and select your primary Salesforce object — such as Accounts — which becomes the root data source.


You can select what fields to include in the report by clicking the checkbox.



Notice the checkbox next to date fields. If checked, the app will create fields like 'Created Date Day', 'Created Date Week', 'Created Date Month', etc. which are then used when filtering widgets. Lets check that property. We will see how to use those generated fields in a bit.


You can (and should) set the sort field for each data source. This will determine how data is displayed in the dashboard.


Since we are creating a Opportunity management dashboard, we will add the Opportunity data source next. Click the Add button and select Opportunity from the dropdown. If there is more than parent relation from the selected object, you will be able to select the lookup relation you prefer. In this case, we selected Opportunity so the app is able to automatically determine the relation to use.



Next, let's add the OpportunityLineItem object. Notice the arrows next to each lookup field like ProductId.



Clicking on the arrow button will display a list of fields from the parent relation. We can select one or more of those fields which will add them to the report datasource and be included in the report query. For this example, we will chose the Product Family field (not shown). This will allow us to create a widget that shows revenue by product family.


Once all of your data sources have been defined, you will see a collapsable list of fields in the data panel.


Data sources can be nested to any depth — for example, Accounts → Opportunities → Line Items — though in practice more than three levels is rarely needed.


Once you have defined your data sources, then create one or more queries. Note: if you modify your datasource you should always re-execute your report query because the custom date literal and lookup fields are dynamically created from the query data.



Data sources can be nested to any depth — for example, Accounts → Opportunities → Line Items → Tasks — though in practice more than three levels is rarely needed.

Creating report queries


Once your data sources are configured, use the built-in Query Builder to define filters — such as "Opportunities this quarter" or "Opportunities this month" — and run the query to populate your dashboard with live Salesforce data.


You can create multiple saved queries per report and switch between them to analyze different slices of your data.


Click the Query Builder button to open the Query Wizard. The query wizard will automatically create a tab for each object in the report data source.



And we are interested in all Opportunity records closing during this quarter. The query wizard provides date literals for common time periods.



And all OpportunityProducts with a non-zero quantity.



After clicking Save, our new Opportunity query will be displayed in the Query list panel.



Click the green Run button to execute the selected query. Click the Edit button to modify the query. Click the Delete button if the query is no longer needed.


Creating the report page


Creating a report page is accomplished by dragging report elements onto the report designer canvas. The report designer displays 3 panels - Data, Compose and Filters.


The Data panel displays all of the fields for the selected data sources.


The Compose panel displays various widgets that can be added to the report.


The Filters panel displays any filters that have been defined for the selected widget. We will see how to create filters in a bit.



Let's start by adding a page title. In the Static Content section, drag the Text widget on the page and resize it to the full width of the report. Adjust the vertical height per your preference. Click on the Format tab to style the content. Here we have set the Alignment and Color properties.



Let's add some KPI's to the report. Before adding another widget, click anywhere on the designer canvas to deselect the widget. In the content panel, open the KPI menu and drag the Value widget onto the canvas.


In the Data panel, select the Opportunity Amount field and drag it onto the KPI value property.



Now let's add some formatting to the KPI. With the widget selected, click the Format tab and enable the Title. Enter 'Closed won' for the title and set the Alignment property to 'Center'. Choose a color for the title.



We need to create a filter so the Closed Won KPI displays the correct value. In the Filters tab, create a new filter with the properties and values as shown. The KPI is now showing the value of all Opportunities closing this quarter. If we wanted the dashboard to show Opportunities closing this month, we could create a new query which would provide that data OR create a page filter. We will see how to create a page filter in a bit.



Now select the first KPI. We can click the copy button in the widget toolbar to make duplicates of our first widget. Let's create 3 more. Notice how the formatting properties were copied. This will save us time from having to do this individually for each KPI.



Select the 2nd KPI. Drag the Opportunity Id field onto the widget Value property. Notice that it automatically applies the count aggregation. Create a widget filter using the Opportunity Stage field and the selection filter type. Use 'Closed won' for the filter. Click the Format tab and change the title to 'Deals won'.



Now you should be comfortable creating KPI's. Click on the 3rd KPI. Change the title to 'Deals lost'. Set the value property to Opportunity Id. Create a widget selection filter using Opportunity Stage and select 'Closed lost'. Your dashboard should look like this.



The last KPI will display the potential update for the total Opportunities that may close. Select the widget and change the title to 'Update'. Once again, create a selection filter using Opportunity Stage. Select 'Negotiation/review'.



Now let's add some charts to our report. Click anywhere in a blank section of the report. Drag the column chart widget to the canvas. We will create a chart showing the top 3 reps with the largest deals.



Drag the Opportunity Amount field onto the Y-Axis property and drag the Owner Name property onto the X-Axis.



Now let's apply a rank filter. Click the Add Filter button. Select the Opportunity Amount field. Select the rank filter type and set it's value to 3.



Duplicate this widget. Let's create a pie chart which displays revenue by Account Type. Unselect the widget and then drag the pie chart onto the new widget. In the Format tab, change the title to 'Revenue by type' and in the Legend property, set the Position to 'Right'. Drag the Account Type field onto the widget Label property. Add a selection filter using Opportunity Stage and select the 'Closed won' value.



Now let's add a bar chart that displays the top 5 products sold. Drag the bar chart widget onto the page. Set the title to 'Top products'. Set the X-Axis to Product2 Name. This field was created because we set the lookup relation in the data source. Set the Y-Axis field to Opportunity Amount and create a rank filter to show the top 5 records.


Let's create a chart that displays our pipeline revenue by stage. Drag the pyramid widget onto the report. Set the Stage and Value properties as shown. Create a selection filter and use 'Negotiation/Review'. See the Value sort property to 'Acending'.



Let's add a table to our dashboard that will display a list of Opportunities. Drag the table widget onto the report. Drag whatever fields you need from the Data panel and drop onto the widget. You can set the sort order by clicking the field menu button. Add a selection filter to only show the 'Closed won' & 'Closed lost' deals.



We can see how our dashboard will look by clicking the Preview button. We could select and execute different queries to change the report data.



You can dynamically filter the dashboard by clicking on a bar, column or pie segment. The last feature we want to look at is creating and applying page filters. Add a new page filter and select the Opportunity Close Date Month. This field is an example of a dynamically created field because we selected the optional Date fields when creating the data source.


Now when we preview the dashboard, we will see the page filter. Using this filter, we can filter the dashboard to Opportunities closing this month or next. Note: alternatively, we could have created a query to accomplish this same result.



There are many more widgets we can add to our reports. Explore them to see how to configure dashboards that meet your requirements.


Notice the report settings, clone and delete buttons in the dashboard toolbar.


Back in the designer, you can add a 2nd page to your dashboard if required.

Theming


AppGrid Dashboards supports light and dark mode themes. You can click the theme button in the toolbar to switch themes.


If you set the color property of a widget value, that setting will take preference over the theme color and as such, will not change when switching the theme. When we create dashboards, we usually set the Title property color value and leave the Value color property to default.


Previewing dashboards


The dashboard module has 2 modes. The Edit mode is where you create dashboard reports.



Click the Preview button to see how the deployed reports will look.