Modify the layout of quick replies

[poonam (Poonam Gupta)]

Hi,
How to extend/ modify quick reply class to change the layout of quick replies. For example instead of displaying horizontal scrollbar, can it be displayed as vertical list.

Please suggest
Thanks

[yogaramya.mendu]

Hi Poonam,

There is no provision to modify the pre-defined templates. Instead, you can create a custom template.
Please refer the following post for steps to create a custom template:

Is there a way to show list of items and allow multiple selection from the list?

Hi @nehamsheikh, We apologize for the delay and appreciate your patience. Please find the below implementation steps to create a custom template: We are giving an example of creating a copy of the existing button template as a custom template. 1- Create a task with a message node. 2- Add a web/mobile client response to the message node, navigate to the javascript tab in the response and add the following code: var info = ["Custom Button1", "Custom Button2", "Custom Button3"]; var message …

Let us know if you need any further clarification.

Regards,
Yoga Ramya

[poonam (Poonam Gupta)]

Hi Ramya,
Thank you so much for your help!

One more query I have regarding changing the chatbot window appearances in terms of adding color, images etc…
I want to give the background to chatbot window so please let me know how it can be done?

Sincerely,
Poonam

[yogaramya.mendu]

Hi @poonam,

In the webSDK >> SDKApp >> UI folder, we have chatwindow.js and chatwindow.css.
You can make the required modifications to the chat window in terms of styling and functionality with those files.

Let us know if you need any further clarification.

Regards,
Yoga Ramya