Web chat customisation in bot framework v4 c#

Dogra, Aman (Nokia - IN/Noida) 1 Reputation point
2021-03-02T22:27:51.78+00:00

I am trying to customize the width, height, border color, border radius and place holder text of sendbox in webchat bot framework v4 using styleoptions, but to no success. Can I get a working code which fulfills my need?

Azure AI Bot Service
Azure AI Bot Service
An Azure service that provides an integrated environment for bot development.
771 questions
C#
C#
An object-oriented and type-safe programming language that has its roots in the C family of languages and includes support for component-oriented programming.
10,526 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. romungi-MSFT 43,526 Reputation points Microsoft Employee
    2021-03-03T07:28:36.407+00:00

    @Dogra, Aman (Nokia - IN/Noida) The customization settings are available in the documentation with some samples to set style options in some scenarios.
    The default style settings are defined here, which you can set through style options. For example,

     const styleOptions = {  
        sendBoxBackground: 'rgba(0, 0, 255, .1)',  
        sendBoxHeight: '50',  
        sendBoxBorderLeft: '100',  
        sendBoxBorderRight: '50',  
        sendBoxBorderTop: 'solid 1px #E6E6E6'  
     };