CODEWITHSUNDEEP
javascriptreactjsbotframeworkchatbotweb-chat
Mumin Asaad
Mumin Asaad

Reputation: 180

Showing Mic and Send button together on Botframework WebChat

I am working on a Botframework V4.6 using the VA Template. For communication with the Bot I am using the React Web Chat.

When enabling the Speech to Text service on the React application, Mic button shows up

Microphone

but the Mic button hides the send button, for UX on mobile i need the two buttons to exist, how should i show the Mic button and the Send button together?

is it a supported feature or should i workaround it?

Upvotes: 1

Views: 648

Answers (1)

Steven Kanberg
Steven Kanberg

Reputation: 6383

Unfortunately, Web Chat does not support utilizing both the microphone and the send button at the same time. While it is technically possible to get both to display, when the microphone is enabled it overwrites certain classes that the send button relies on. So, while both buttons will display, the send button will never be functional.

If you feel this would be a good feature for Web Chat to include, I would suggest you present it as a feature request here.

Hope of help!

Upvotes: 1

Related Questions