New Adaptive Card Designer for Lightning Conductor

Build Adaptive Card views in the Lightning Conductor Client Side Web Part for SharePoint Online and Microsoft Teams.

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!

Lightning Conductor Grid View
Lightning Conductor Calendar View (JSON)

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.

Adaptive Card view within the Lightning Conductor

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.

Microsoft Adaptive Cards Samples

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

Adaptive Card Designer – New Card

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.

Copy the sample data from the Lightning Conductor to the Microsoft Adaptive Card Designer Sample Data Editor

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.

Binding the controls in the Adaptive Card to the Lightning Conductor columns

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

Content of the Payload Editor window within 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.

Configuring the Lightning Conductor Adaptive Cards

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

Related Posts
Clear Filters

The Social Squared Discussion Board tool is a powerful discussion board tool that can be integrated with SharePoint & Teams,…

2 Comments

Ryan Greenaway
Reply
14th April 2022 at 10:04 am

Will this be coming to SP2019 or is it SP Online only?

    Sandy Ussia
    Reply
    20th April 2022 at 2:02 am

    Hi Ryan,
    Yes, the new Adaptive Card feature will also be available for the SharePoint 2019 version of the Lightning Conductor SPFx web part!

Add Comment