Teams Adaptive Card button color

Question

Benoit Dupont 66

Hello,

I'm developing a bot for Teams through Azure Bot Service.

There is a UI behaviour I don't understand regarding an Adaptive Cards form in response to a "composeExtension/fetchTask".

When the form appears on the screen, the Submit button is coloured like a primary button. When I start to fill the fields, the button turns white.

Why? I need the button to stay styles as "Primary". The button looks like disabled when it turns white.

Do I have to add something in the adaptive card code to force the button to keep the primary color?

Thanks

teams-btn-1

teams-btn-2

romungi-MSFT 48,681 Reputation points Microsoft Employee

2023-02-07T09:10:19.54+00:00

Benoit Dupont I think this behavior is because Teams only supports default style as mentioned in a note on this page.

Positive or destructive action styling is not supported in Adaptive Cards on the Teams platform.

The usual styles support default, positive and destructive but as mentioned in above page only default is supported.

I think you can add an issue on adaptive cards github page to confirm this behavior.
Benoit Dupont 66 Reputation points

2023-02-07T12:24:41.2533333+00:00

I understand Teams doesn't support the positive/destructive styling. Even when I don't explicitly set the style in the adaptive card, I have the same behaviour. Why changing colour from "filled" to white in this case?

Your answer

romungi-MSFT 48,681 Reputation points Microsoft Employee

2023-02-07T09:10:19.54+00:00

Benoit Dupont I think this behavior is because Teams only supports default style as mentioned in a note on this page.

Positive or destructive action styling is not supported in Adaptive Cards on the Teams platform.

The usual styles support default, positive and destructive but as mentioned in above page only default is supported.

I think you can add an issue on adaptive cards github page to confirm this behavior.
Benoit Dupont 66 Reputation points

2023-02-07T12:24:41.2533333+00:00

I understand Teams doesn't support the positive/destructive styling. Even when I don't explicitly set the style in the adaptive card, I have the same behaviour. Why changing colour from "filled" to white in this case?