...
If you already have an image uploaded in the database, you can browse the image or paste the corresponding URL in the URL field of the Image Info tab of Image Properties popup box.
...
Adjust image resolution to fit the chat bubble width
If you want to adjust the resolution of the image to fit within the chat bubble in the chatbot, you should place the below CSS code in the Bot View Template > Custom CSS.
Say node in Experience Designer
| Code Block |
|---|
.endbubble.msg>p>img{
width: 100% !important;
height: 100% !important;
} |
Flow studio
| Code Block |
|---|
.msg>p>img {
width: 100%;
} |
Screen Tab
You can add an image to show within the bot. The contents of this tab will be rendered by smart displays.
...