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.
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:
1 |
<iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" allowtransparency="true" src="https://chatroll.com/embed/chat/j84Ynndis9?id=MCZcxsRhIgW&platform=html&w=$0"></iframe> |