Lightning Pages

Listings board

A real estate office follows every listing from listed to sold, one swimlane per agent, with the asking total of each stage in view.

Kanban
dcKanban
center
The scenario

Westside Realty has seven listings across two agents. The board groups them by stage, one swimlane per agent, and totals the asking price at the top of each column. Each card carries the property photo, price, square footage and listing window. A window that has slipped past today turns red.

The configuration
  • groupFieldName on the stage field, subGroupFieldName on the agent: columns by stage, one swimlane per agent.
  • summarizeAttributes on the price field, currency set in summarizeTypeAttributes: the total at the top of each column.
  • cardAttributes.coverImage bound to the listing photo, imageAttributes.position: top: the photo is the card.
  • cardAttributes.startDate and cardAttributes.dueDate: the listing window, red once it is overdue.
Step by step

The settings above are the ones that matter. The tutorial has the whole build: the objects and sample data behind the screen, every step in order, and what to check once it runs.

Open the tutorial
Runs on
Flow Screen ComponentsDynamic ComponentsExperience Site Components

Build it in your org.

85+ components, four Salesforce surfaces, 10 free production licenses. Start with the one you just saw.

Start freeAll use cases