New Adaptive Card Designer for Lightning Conductor

New Adaptive Card Designer for Lightning Conductor

The Lightning Conductor is a content aggregation tool for Microsoft SharePoint & Microsoft Teams. You can use the Lightning Conductor to aggregate SharePoint list and library content, SharePoint search content, and also Microsoft Graph content such as Planner Plans, Microsoft To Do, and OneDrive.

The Lightning Conductor offers different methods of building a content view. You can use the Grid View option where you simply select the columns that you wish to display, and configure grouping, sorting, filtering, and formatting options. Alternatively, you can use a built-in JSON view like our Calendar, Tiles, Tasks, or Gantt views, or build your very own JSON view. Building a JSON view from scratch is not the easiest task by any means, so we have come up with a brand new display provider!

The Adaptive Card Display Provider

The new Adaptive Card display provider enables you to build your own Adaptive Card view using the Microsoft Adaptive Cards Designer. Below is a very simple example of displaying Task lists within an Adaptive Card view. The Adaptive Cards provide the ability to view the content, but also to update the content by using Actions.

Configuring an Adaptive Card View with the Lightning Conductor

To get started, Microsoft provides some great sample Adaptive Cards. When you launch the adaptivecards.io/designer/ and click New Card, you’ll be able to choose a sample card that you want to work with.

Once you have selected a card design from the samples, you can tweak the design to your taste.

To help you configure an Adaptive Card in the Microsoft Adaptive Card Designer, we provide the ability to copy the sample data into the Sample Data Editor of the Adaptive Card Designer. You can then map the fields displayed in the Adaptive Card to the columns within the list item(s) that you are aggregating from.

The first thing to do, is to configure your Lightning Conductor to aggregate the desired content. This can be content from SharePoint lists and libraries, Microsoft Graph, or Search results. In the below example, we’ll work with a SharePoint Task list. Once configured, you can copy the Sample Input Data which contains one or more items, and paste it into the Sample Data Editor of the Microsoft Adaptive Card Designer.

Once the sample data is copied into the Sample Data Editor window of the Adaptive Card Designer, you can begin to bind your controls in the adaptive card to the columns returned by the Lightning Conductor.

The Card Payload Editor content can then be copied into the Lightning Conductor

You can now refine your Adaptive Card Display by enabling the fields that can be sorted or filtered, as well as any properties such as styles, conditional formatting, and the Action Handlers to allow for updates to the SharePoint list content.

To learn more about the Lightning Conductor Adaptive Cards, join our webinar on the 21st April 2022