Search code examples
botframeworkrasafluent-ui

change front-end of a MS Teams Bot application

I used rasa to build a bot and connected it to the MS botframework. This gave me a decent embedded bot in MS Teams. However, I want to rewrite part of the default front-end provided by botframework. For example, I want to change the style of buttons, design my own cards, etc. Fluent-UI can be used to design Teams-style elements, but I don't know how to integrate these changes with botframework. Is this feasible? Thank you so much!

Edit: For instance, the default text and Rasa buttons are shown in Teams as the following: enter image description here

But I want to achieve a nicer interface, like self-designed cards, different button styles, etc: enter image description here

Solution

  • When it comes to styling options, that's controlled by Teams and is largely outside your control. However, when it comes to layout, you have a great deal of control because Teams supports Adaptive Cards. Read more about Adaptive Cards here:

    Regarding the RASA part of your question, have a look at this: Does RASA Integration with MS Teams support Adaptive Cards?