Learn how to create Adaptive Card Extensions (ACEs) for Microsoft Viva Connections and Viva Home

Vesa Juvonen

We’re excited to announce a new learning module focusing on building Adaptive Card Extensions (ACEs) for Microsoft Viva Connections and for upcoming Microsoft Viva Home. The Create Adaptive Card Extensions (ACE) for Microsoft Viva Connections learning module is the best way to learn how you can extend Viva Connections and Viva home by building extensions with SPFx and Adaptive Cards techniques. ACEs are built with the same SharePoint Framework (SPFx), which you can use to build experiences across Microsoft 365 for Microsoft Teams, Outlook. Office 365 app (Office) and SharePoint.

You can use ACEs to expose the business business information and actions for end users with an experience which is optimized for both mobile and desktop experiences. ACEs is a great way to drive more users also to your existing Microsoft Teams applications by exposing your existing features for the enterprise audience.

This new learning module will teach you: 

  • Understand Viva Connections extensibility options
  • Understand how Adaptive Card Extensions are exposed in the Viva Connections
  • Create custom ACEs using SPFx (SharePoint Framework)


Viva Connections – the gateway to modern employee experience 

Microsoft Viva Connections provides a curated, company-branded experience that brings together relevant news, conversations, and other resources in Microsoft 365. 

Viva Home also works as the “front door” to an employee’s experience and is available at no cost to all 270 million daily active Microsoft Teams users. It can be extended with custom components built using modern web technologies. You can use the skills you already have to build solutions for your customers and help them stay in the flow of the work. 

Image aces learning viva home connections



About the learning module

The Create Adaptive Card Extensions (ACE) for Microsoft Viva Connections learning module consists of four modules: 

  1. Basics of ACEs: card templates, CardViews, properties, and states – Focuses on the introduction of the ACE model and how they are being created.
  2. Exercise – Create SPFx Basic Card ACE showing SharePoint list data – Step-by-step exercise on creating your first ACE component with SPFx.
  3. ACE QuickViews and working with view navigators – More details around the quick views and card views and their differences.
  4. Exercise – Create an SPFx Image Card ACE displaying image carousel – Building an ACE which a bit more complex scenario. 
  5. Viva Connections Actions for media selection and locations – Introduction to of Media and Location features in ACEs.
  6. Exercise – Create an SPFx ACE with geo-location capabilities – Building an ACE which takes advantage of the geo location capabilities.

Image aces learning module new



We highly recommend using the Microsoft Learn platform to access this training material. We have also published the material as a YouTube Video playlist in the Microsoft 365 Community YouTube channel.

Image aces learning videos youtube


What you need to know to complete this learning module

The Create Adaptive Card Extensions (ACE) for Microsoft Viva Connections learning modules is perfectly suited for developers who already know how to build web apps, but want to grow their skills to build apps for Microsoft Viva Connections and how to integrate your existing Microsoft Teams applications to this new enterprise canvas. 

 To complete this learning module, you will need: 

  • Experience using SharePoint Online at the intermediate level
  • Ability to program with JavaScript, TypeScript, and Node.js
  • Familiar with Adaptive Cards for creating the user experiences
  • Experience using Visual Studio Code at the intermediate level
  • Access to a Microsoft 365 tenant
  • Node.js v16
  • SPFx v1.16.1


Start learning how to build Adaptative Card Extensions today 

Many organizations use Viva Connections to engage with their employees and keep them informed. By extending Viva Connections, you can help these organizations bring their business-critical information to their employees’ fingertips. Learn how to build Adaptive Card Extensions (ACEs) for Viva Connections using your existing web development skills and we look forward to hearing from you what you’ll build next. 

Happy learning! 🧡🚀


Discussion is closed.

Feedback usabilla icon