Search code examples
node.jstypescriptbotframeworkmicrosoft-teamscontrol-library

Virtual Assistant Bot Framework and Control library


I'm developing a Virtual Assistant in order to being published in Microsoft Teams, what I find out is that using the adaptive cards there are some limitation in Teams because of the version (for example the buttons need to be always at the end of the card). I would like to have a better UX and I find out that Teams supports the Control Library in React (https://learn.microsoft.com/en-us/microsoftteams/platform/get-started/app-studio-component-library).

Now my question is if also the Virtual Assistant is able to support something like that?


Solution

  • The Microsoft Teams Control Library is intended for developers creating web pages for things like Tabs and Task Modules in Teams so that the styling matches the rest of the app without much additional work. Unfortunately, there is not a way to use this package directly in the chat window for things like cards.

    If you are trying to customize the button placement in an Adaptive Card, I've seen some developers add an image of a button to the card and then set the selectAction property of the image to create a sudo button. Not exactly ideal, but it might work for your scenario.

    Hope this helps!