Issues while editing Adaptive cards css(button orientation,title color) in React.js

[thomas023]

I'm creating a Bot application using React js and botframework-webchat. I want to change the title color and button orientation of adaptive cards. But i'm unable to do so. Since every title in adaptive cards is classified into a common class called p, and button orientation is also not changing. Heard that i could try it using adaptive card hostconfig in npm but its not working.

botframework-webchat version : 4.7.1
React version : 6.14.4

[v-kydela]

Hi @thomas023

When you say button orientation, do you mean you want the buttons to display horizontally? Did you follow the instructions here? #2034

I also found a more recent post that implies that you don't need to provide a whole new host config, and it seems to work: https://stackoverflow.com/questions/59382809/adaptivecards-hostconfig-integration

[thomas023]

Hi @v-kydela Yes I want to change the placement of button from vertical to horizontal. And change the color of the Title text.

[v-kydela]

@thomas023 - Did you follow the instructions?

[compulim]

1. Changing action orientation, https://docs.microsoft.com/en-us/adaptive-cards/rendering-cards/host-config#actionsconfig
2. I am unsure which host config rule to use, please look at the host config documentation to see
   • If there is not such rule, please file one to AC team, at https://github.com/microsoft/adaptivecards/issues

Changing action orientation