Hero Card Customization is not included in the docs. I have successfully customized hero card using webchat and will post the tutorial here for review to be included in the corresponding doc for future use.
Implement bot using web chat BOT ID method.
Run bot using webchat and use inspect element to verify class name of item wanting to customize. (In this example I will customize the button list of a hero card)
Verify name of class which in this case is: button.ac-pushButton.style-default.ac-selectable
Using a code editor, customize class to obtain desired look. (The following code is the one I used to obtain my desired result and will use as an example)
After using code editor to customize my desired element, the result was the following:
As far is I have tested, using this method is not limited to hero cards as it has worked on every element I have tried to customize.
Document Details
⚠ Do not edit this section. It is required for docs.microsoft.com ➟ GitHub issue linking.
ID: d83aee89-68c9-a192-b40b-a718efd00cf7
Version Independent ID: 2eda2def-113e-ac41-0c2f-c8c0405ec2a1
JonathanFingold
commented
1 year ago
Hero Card Customization is not included in the docs. I have successfully customized hero card using webchat and will post the tutorial here for review to be included in the corresponding doc for future use.
As far is I have tested, using this method is not limited to hero cards as it has worked on every element I have tried to customize.
Document Details
⚠ Do not edit this section. It is required for docs.microsoft.com ➟ GitHub issue linking.