Note: This release is in preview. Features described here don’t become generally available until the latest general availability date that Salesforce announces for this release. Before then, and where features are noted as beta, pilot, or developer preview, we can’t guarantee general availability within any particular time frame or at all. Make your purchase decisions only on the basis of generally available products and features.

Create Advanced Visualforce Dashboard Components

Create a Visualforce page with a custom list controller, then use it as a dashboard component.

Available in: Salesforce Classic (not available in all orgs)

Available in: all editions

Visualforce pages as dashboard components are only available in Salesforce Classic. In Lightning Experience, you can create a custom tab and use that as a dashboard for your custom lightning components.

To be included in a dashboard, a Visualforce page must use a custom controller, use a standard or custom list controller, or not have a controller. You can’t add a Visualforce page with a standard controller to a dashboard. Only Visualforce pages that meet these requirements appear as options in the Data Sources tab.

Visualforce dashboard components aren’t supported when third-party cookies are disabled. See Visualforce Limitations in Salesforce Classic When Third-Party Cookies are Blocked.

Note

This Visualforce dashboard component displays all of the open cases associated with a contact named “Barbara Levy.”

Create a custom list controller called retrieveCase.

1public class retrieveCase {
2
3    public String getContactName() {
4        return 'Barbara Levy';
5    }
6
7    public List<Case> getCases() {
8        return [SELECT status, subject FROM Case
9                WHERE Contact.name = 'Barbara Levy' AND status != 'Closed' limit 5];
10    }
11}

Create a Visualforce page that uses the retrieveCase custom controller.

1<apex:page controller="retrieveCase" tabStyle="Case">
2    <apex:pageBlock>
3        {!contactName}'s Cases
4        <apex:pageBlockTable value="{!cases}" var="c">     
5            <apex:column value="{!c.status}"/>
6            <apex:column value="{!c.subject}"/>
7        </apex:pageBlockTable>
8    </apex:pageBlock>
9</apex:page>

To add the Visualforce page to a dashboard, see Add a Dashboard Component in Salesforce Classic.

A Visualforce dashboard titled Barbara Levy's Cases

Visualforce Developer Guide

Create Advanced Visualforce Dashboard Components

See Also