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.
743 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,204 questions
0 comments

1 answer

Sort by: Most helpful
Most helpful Newest Oldest
  1. romungi-MSFT 41,861 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'  
 };