Modifying the width and height of your chat

To set the dimensions of your embedded chat, modify the “width” and “height” parameters of the <iframe> tag in the Chatroll HTML embed code. You can find the embed code by clicking Embed Code in your chat dashboard.

chatroll-width-height

To make the chat responsive (to make the width and height change dynamically), set the width and/or height of the iframe tag to “100%” instead of a fixed value.

In the following sample HTML embed code, the width is set to 100% and will change dynamically, whereas the height is fixed at 350 pixels:

 

Related Articles