microsoft / microsoft/BotFramework-WebChat

Support image beside button text in Hero card

Open
#4,117 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Bot Services customer-reported external-adaptive-cards feature-request
Dominant language
HTML
Stars
1.8k
Forks
1.6k
Avg merge
22h 58m
Merged PRs (30d)
2

Description

Please view our Technical Support Guide before filing a new issue.

Feature Request

Currently, this feature is supported for Suggested actions, as mentioned here
https://github.com/microsoft/BotFramework-WebChat/issues/1739

However the same feature is not supported on Hero card.
https://github.com/microsoft/botframework-sdk/issues/2232

Currently cardAction does have a field for image,
https://docs.microsoft.com/en-us/javascript/api/botframework-schema/cardaction?view=botbuilder-ts-latest#properties
And also Herocard does support cardActions.
https://docs.microsoft.com/en-us/javascript/api/botframework-schema/herocard?view=botbuilder-ts-latest#botframework-schema-herocard-buttons

However this is not rendered on UI.

Is your feature request related to a problem? Please describe.
Yes, this limits the usage of herocards

Describe the suggestion or request in detail
Please provide the feature for client side script to render this image

Describe alternatives you have considered

This limits the way user menu is rendered to user. Suggested icons are sticky to the chat widget, and sometimes occupy lot of screen space, especially when the buttons are dynamically populated for a tabular rendering.

Additional context

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the Hero card rendering path and compare it with the existing Suggested actions handling, which already supports images. Confirm how cardAction images are represented, then verify that an image beside Hero card button text renders correctly in the client UI.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.