CODEWITHSUNDEEP
botframework
narasimman
narasimman

Reputation: 441

How to change the size and other properties of the chat window

I have created a simple bot application using the botframework. I am embedding the chat window in an iframe. How can I control the chat window size and other properties like color, font etc.

Upvotes: 1

Views: 1934

Answers (1)

Pavel Veller
Pavel Veller

Reputation: 6105

You can size the iframe but your options of modifying what's in it are limited - CSS override body style for content in iframe?.

Here's how I typically integrate the provided Bot Framework's iframe with size control:

<div id="bot">
    <iframe src="https://webchat.botframework.com/embed/..." 
            style="height: 600px; width: 500px; resize: both;">
    </iframe>
</div>

If you want to have more control over how the web chat renders, you might want to look at other more advanced options of integrating their web chat. Read more on their github page: https://github.com/Microsoft/BotFramework-WebChat

Upvotes: 3

Related Questions