Unanswered

Grey out text field when there are multiple choice options

(0) Share

Report

Posted on by fernandosilva Super User 2024 Season 1

Hi there,

We have a chatbot connected to Dynamics 365 Customer Service and the multiple options are all in horizontally and that is confusing the users, because they are lazy to scroll horizontally and instead they type something else in the text field.

So, my question here is:

How can PVA grey out the text field when there are options from the multichoice questions?

Also, when are we gonna have the multichoice options in a vertical way as when the options are from FAQ, the text is too long for the chatbot window and on mobile devices specially, it doesn't look alright.

Kind regards,

Fernando Silva

2023-04-19 11.31.05 www.loveitcoverit.com becd9712400a.png

Categories:

General topics

I have the same question (0)

All responses (5)

Answers (0)

nikviz 242 on at

Like (1)

Report
Copy link

Link copied!
Hi @fernandosilva

For displaying the options vertically use the below section in the page where you have hosted the bot:

const styleOptions = { // Add styleOptions to customize web chat canvas suggestedActionLayout: 'stacked', suggestedActionsStackedLayoutButtonTextWrap: true, };

You'll get the results as:

You can explore more styling options here:
https://github.com/microsoft/BotFramework-WebChat/blob/main/packages/api/src/defaultStyleOptions.ts

Sample canvas page:
https://learn.microsoft.com/en-us/power-virtual-agents/customize-default-canvas

If you are using the new preview version, you can try the below:
https://www.bendenblanken.com/vertical-buttons-for-power-virtual-agents/

Was this reply helpful? Yes No
fernandosilva Super User 2024 Season 1 on at

Like (0)

Report
Copy link

Link copied!

Hi @nikviz ,

Thank you for your reply.

I managed to stack all the multichoice options on one of our chatbots, but this one is using PVA and Omnichannel, which is connected to Dynamics 365 Customer Service.

D365 CS has its own skin and can't be overwritten with custom canvas.

Still can't find anything related to grey out the text input field when we have multichoice options.

Was this reply helpful? Yes No
nikviz 242 on at

Like (0)

Report
Copy link

Link copied!

For Omnichannel, you would have to do via bot framework composer.
Sample: https://www.bendenblanken.com/extend-power-virtual-agent-with-vertical-buttons-and-make-this-reusable/

Regarding freezing the text input, there is no native functionality. However, you can use botframework composer where you create your options and build a logic such that when none of the options are typed or selected the options re appear again.

I have done something similar for an adaptive card here:
https://powerusers.microsoft.com/t5/General/Disable-or-freeze-reply-chat-box-when-an-adaptive-card-is-posted/m-p/2074333#M5161

Was this reply helpful? Yes No
fernandosilva Super User 2024 Season 1 on at

Like (0)

Report
Copy link

Link copied!

So, those are workarounds which is not the ideal.

Power Virtual Agent is an expensive tool that still doesn't have primary features.

So, those features should be in place out of the box and not with workarounds like that.

It's frustrating to have to repeat a million times about it on the Support Community, Ideas page, Forums, etc.

It's also more frustrating that the updates are not updating the chatbots already in place and will just work for new ones.

Painful.

Was this reply helpful? Yes No
HenryJammes on at

Like (0)

Report
Copy link

Link copied!

For omnichannel integration, have you looked at this? Develop a custom live chat widget | Microsoft Learn

Was this reply helpful? Yes No