Visualize Your Business Processes and Salesforce Data
As admins and developers, we have many click-based tools to help us manage business processes and create analytics. We can then use Lightning App Builder to make these customizations visible to our Lightning Experience users with standard Lightning components.
For our Dreamhouse app users, we want to define a process for property status using Path. Let’s explore some of the ways we can visualize our records and business processes. We also want to modify a chart to add to the property page to help our users work with the property records.
Let’s get to it!
The navigation bar and list views in Lightning Experience have new features to explore and customize as well:
- In the navigation bar, click Properties.
Click
next to Recently Viewed and select the Top Listings list view.
You can edit records directly from your list view. If you like keyboard shortcuts, try it out using the Arrow Keys + Enter instead of your mouse.
In Lightning Experience, your users also have new ways to access records and visualize the records in a list view. Let’s take a look.
In the list view header, click
.
- In the chart area, click the gear icon and select New Chart.
- Create a new chart for your list view as follows.
- Name:
Average Assessment by Status
- Chart Type: Vertical Bar Chart
- Aggregate Type: Average
- Aggregate Field: Assessed Value
- Grouping Field: Status
- Name:
- Click Save.
Our list view is looking great, but let’s try out a new way users can view and interact with records—the Kanban view.
The Kanban view displays a visual summary for a selection of records. By seeing all your records at once, users can more effectively monitor their work and keep business processes moving forward. Switch to the Kanban view for almost any object from the object’s list view. The Kanban view isn’t available on a few objects, such as knowledge and tasks, and is also not available on the Recently Viewed list view for an object.
To switch to Kanban view:
Click
in the list view header and select to display as Kanban.
- Select the following settings:
- Summarize By: Price
- Group By: Status
- Click Save.
Play with Kanban by dragging records to a different status.
In Lightning Experience, anyone can create a calendar from a standard or custom object by choosing a date field representing data they want to track. The calendar displays data in that field as calendar items. Users can customize most calendars by applying a list view, and they can edit and delete calendars they’ve created.
Let’s create a new calendar for Top Listings.
Click
to access the App Launcher.
- Click Calendar (under All Items).
Click
next to My Calendars and select New Calendar.
- Select Property as the object and click Next.
- Enter the following into the Create Calendar form:
- Calendar Name:
Top Listings
- Field for Start: Date Listed (Date)
- Field for End: None
- Apply a Filter: Top Listings
- Field Name to Display:
Property Name
- Calendar Name:
- Click Save.
Click
next to your new Top Listings calendar, and select a new custom color from the palette.
We want to view a month at a time. In the calendar header, click
and select Month.
Path is a way to visually display steps in a process, highlight key fields, and provide guidance such as handy links, policy information, and tips for users at each step. We can create a path based on any picklist field on the object.
Create a Path for the Property Object
Click
and select Setup.
- Enter
Path Settings
in Quick Find and select Path Settings. - Click Enable and then click New Path.
- Complete Step 1: Name and Record Type, as follows.
- Path Name:
Property Path
- API Reference Name:
Property_Path
- Object: Property
- Record Type: --Master--
- Picklist: Status
- Click Next.
- Path Name:
- Complete Step 2: Select Fields and Provide Guidance for Each Step in the Path, as follows.
- For the Pre-Market status add the Guidance for Success: Review the resources to help your client get ready to list their home!
- For each status listed below, click + Add/Update Fields, drag the fields indicated for each status below to the Selected Fields box, then click Save.
Status
Fields to add
Pre-Market
- Assessed Value
- Broker
Listed
- Baths
- Beds
- Date Listed
- Price
Under Contract
- Broker
- Date Agreement
- Click Next.
- Complete Step 3: Set the Status and Save, as follows.
- Select Active.
- Click Finish.
We’ve created a path to help our agents be more effective during each property stage. Before we add this to our property page, let’s check out report charts in Lightning Experience.
In our Dreamhouse app, we have a report chart that our users love. So that our Lightning Experience users can continue to view the chart, we need to make some small edits to the report. With the Report Chart standard Lightning component, we can display report charts in Lightning Experience record pages, home pages, app pages, and even the utility Items.
Let’s head back to our Dreamhouse Classic app and check out adding a report chart.
Click
to access the App Launcher.
- Click Dreamhouse Classic to open that app.
- Click Reports in the navigation bar.
- Click All Reports in the sidebar.
- Click Property Listings to run that report.
In the chart area, click
to access the chart properties.
Click
to change the chart type to a scatter chart. Click
next to Edit and select Save.
We’ve created two new elements to add to our property page with standard Lightning components, but we still need to add them in the right place. We’re going to do that in the next and last step, where we’ll create a brand-new Lightning Console App for our Dreamhouse power users.