📣 Community Call - July, 2020

v1.3 update including input validation, and a new VS Code Extension

Profile image of Matt Hidinger

Matt Hidinger

· 4 min read

The Adaptive Cards community call for July, hosted by Matt Hidinger, also had guest speaker Tim Cadenbach):

V1.3 Update: Input Evolution and Validation

On this call we reviewed the upcoming Adaptive Cards v1.3 release, which includes the most-requested feature of the past 2 years: Input Validation!

With this release you’ll be able to mark which Inputs are required, as well as any regex-based pattern matching for text, and min/max ranges for things like Numbers and Dates.

We’ve also streamlined the Input schema by adding a label property, which improves the interaction model, automatically renders those red-asterisk “required field indicators”, and greatly improves accessibility for Inputs.

Screenshot of an Input with a label and isRequired validation:

Screenshot of input validation in a card

Example Card with Input Validation and Labels:

{
    "type": "AdaptiveCard",
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.3",
    "body": [
        {
            "type": "Input.Text",
              "id": "name",
            "placeholder": "First, last",
            "label": "Please enter your name",
            "isRequired": true,
            "errorMessage": "Name is required"
        }
    ],
    "actions": [
        {
            "type": "Action.Submit",
            "title": "Save"
        }
    ]
}

When can I try it?

We plan to ship the SDK in August, at which time apps like Microsoft Teams can begin integrating and rolling it out. Stay tuned here for an update on exactly when this feature will be available in Microsoft Teams.

  • Track progress to completion on our project board
  • Try it out in the Adaptive Card Designer
    • (Note: this link builds out of an “in-development branch” so if it fails to run properly please wait a few hours and then try again)

Introducing “Adaptive Card Studio” for Visual Studio Code

Up next on the call Tim Cadenbach introduced a new Visual Studio Code Extension called Adaptive Card Studio.

This extension for makes it easy to work with Adaptive Cards from the comfort of your favorite editor, including templating and sample data binding. He also talked about future plans to integrate the extension with the “Adaptive Card CMS“ once that product is a little more stable.

Screenshot of the VS Code extension

What else can cards do?

Lastly, Tim pushed the creative bounds of Adaptive Cards by showcasing a full card-powered web app that could be helpful for some scenarios. He also walked through a community-led website that makes it easy to share cards, additional samples, community blog posts and docs, etc.

Watch the call here

Resources from this month’s call

Next month’s call will be held on Thursday, August 13, 2020 at 9:00am PST. We look forward to talking to you then! Download a recurring calendar invite here at https://aka.ms/adaptivecardscommunitycall.

Check out the previous month’s call recording on our Office Development YouTube Channel

Adaptive Cards feedback channels

The Adaptive Cards developer community call is on the 2nd Thursday of each month. We will provide you with the opportunity to learn about Adaptive Cards in general, how they could be a great tool in your applications and contribute to the evolution of the format and SDKs. Each month, we’ll discuss new features we are bringing to the platform, our roadmap, and listen to your feedback and suggestions.

Profile image of Matt Hidinger

Principal Program Manager at Microsoft, running the Adaptive Cards project. Loving the new cross-platform, open-source, MSFT ride