Change the css on PVA to show the multiple choice options stack on top of each other instead of showing on horizontal way.
This change will also work on Dynamics 365 Customer Service if applied at the source of the engine.
The only css that needs to be changed for that to happen:
.react-film__filmstrip__list {
display: block !important;
word-wrap: break-word !important;
}
.react-film__filmstrip__item {
padding-left: 0 !important;
}
.react-film__filmstrip__item {
padding-right: 0 !important;
}
Where the result is:
www.loveitcoverit.com/wp-content/uploads/ss/pva2.png
Instead of:
www.loveitcoverit.com/wp-content/uploads/ss/pva1.png
The reason I've been requesting this change is because I believe many companies use their FAQs like us to provide a better experience for their customers and these options are often wider than the chatwindow.
So, the user can't never see the whole option on the chatwindow and mostly get frustrated.
If the css is changed at the source of the engine, eve3ryone can benefit from it.
Kind regards,
Fernando Silva
Administrator on 7/31/2023 6:17:31 PM
This can be accomplished by using the data-suggested-action-layout = stacked option in Customize live chat widgets using data tags | Microsoft Learn
Thanks for your feedback!
Jonathon Nelson
Product Manager, Microsoft