microsoft / microsoft/BotFramework-WebChat

Study about send box customization

Open
#1,839 3 comments 4 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

backlog feature-request needs-design-input
Dominant language
HTML
Stars
1.8k
Forks
1.6k
Avg merge
22h 58m
Merged PRs (30d)
2

Description

Today, customizing microphone button, means:

  • Cloning BasicSendBox.js, point the microphone button to a new one

  • Cloning BasicWebChat.js, and point it to newer BasicSendBox.js

  • Using new BasicWebChat.js in the hosting page

  • Putting a new send box inside the activity

    • Probably, the activity which render send box will need to host their own <SendBoxComposer>
    • Probably, some hooks will need to run under <SendBoxComposer>
  • includes customizing the localizable strings and providing your own verbiage across the app - original request is for the "Type your message" text

Do some studies to understand how difficult it is to customize send box, for example, continuing the work on "remaining characters" sample.

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 reading BasicSendBox.js and BasicWebChat.js, then trace where SendBoxComposer is hosted and how the remaining characters sample customizes the send box. Document the customization paths, including localizable strings and the "Type your message" text, and identify the work needed to support those use cases.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.