Skip to main content
2 answers
  1. Feb 26, 2024, 7:42 AM

    @PRITAM GOHATRE

    You would use custom CSS within your component to define the size.

    CSS:

    /* myComponent.css */

    .chatWindow {

    width: 500px; /* Set your desired width */

    height: 600px; /* Set your desired height */

    }

    VF:

    <apex:page>

    <style>

    .chatWindow {

    width: 500px; /* Set your desired width */

    height: 600px; /* Set your desired height */

    }

    </style>

    <!-- Your chatbot embedding code here, ensure it has the class "chatWindow" -->

    </apex:page>

    LWC:

    <template>

    <div class="chatWindow">

    <!-- Your chatbot embedding code here -->

    </div>

    </template>

    You can adjust the panel width and height for utility items in the Utility Bar settings, which indirectly affects the chatbot size. 

0/9000