I'm setting up Embedded Services Chat. Is there a way to override the
embedded.svc.settings
parameters so that instead of text being displayed, an icon is displayed instead? For example, instead of
embedded.svc.settings.defaultMinimizedText
we would have
embedded.svc.settings.defaultMinimizedImage
. I've looked in the documentation and don't see any parameters like this, so would we have to build a LWC to override the default
?.embeddedServiceHelpButton
Thanks, @Abhishek. It turns out that I was able to do this via styling. For anyone who has a similar issue, here is the styling that worked for me:
<style type='text/css'>
.embeddedServiceHelpButton .helpButton .uiButton {
background-color: ⌗FFA400;
border-radius: 50%;
min-width: 5em;
margin: 0 15px 15px 0;
}
.embeddedServiceHelpButton .helpButton .uiButton:focus {
outline: 1px solid ⌗FFA400;
border-radius: 50%;
min-width: 5em;
}
.embeddedServiceHelpButton .helpButton {
margin: 0 15px 25px 0;
}
.embeddedServiceHelpButton .helpButton .uiButton .embeddedServiceIcon {
margin: auto;
}
.embeddedServiceHelpButton .embeddedServiceIcon::before {
font-size: 2.5em;
}
.embeddedServiceHelpButton .helpButton .uiButton .helpButtonLabel {
display: none;
}
.embeddedServiceLiveAgentStateChatAvatar.isLightningOutContext .agentIconColor0 {
background-color: ⌗84bd00;
}
</style>
Image attached for reference.
