Using Adaptive Cards with JavaScript

Microsoft 365, Office 365, JavaScript, Adaptive Cards

Summary

This post introduce you to a sample that demonstrates using JavaScript SDK to render Adaptive Cards and different other capabilities.

Scenarios Covered

  • Basic rendering of adaptive card using JavaScript SDK
  • Templating adaptive card and populating data using JavaScript
  • Adaptive card form using action buttons
  • Adaptive card complex input form with validations and action buttons
  • Wizard experience with Adaptive cards

Get Started

You can fork or clone the sample from GitHub-

  • Clone the source code
  • Navigate to the folder
  • Run npm install
  • Run node .\server.js
  • Navigate to http://localhost:30662/

Sample screen

Hope that helps!

About the author

I work with customers helping them achieve more using Microsoft Technologies. I am in my 9th year with Microsoft as of March 2020. I get to work with really smart people (both at Microsoft and Customers). Helping customers, removing any blockers, rapid prototyping is my core work.