Unanswered

Grey out text field when there are multiple choice options

Like (0) Share

Report

Posted on 19 Apr 2023 10:34:12 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

Categories:

General

lici.png

2023-04-19 11.31....

All responses (5)

Answers (0)

HenryJammes on 20 Apr 2023 at 13:05:21

Like (0)

Report

Re: Grey out text field when there are multiple choice options

For omnichannel integration, have you looked at this? Develop a custom live chat widget | Microsoft Learn
fernandosilva Super User 2024 Season 1 on 20 Apr 2023 at 08:50:26

Like (0)

Report

Re: Grey out text field when there are multiple choice options

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.
nikviz 242 on 19 Apr 2023 at 12:06:49

Like (0)

Report

Re: Grey out text field when there are multiple choice options

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
fernandosilva Super User 2024 Season 1 on 19 Apr 2023 at 11:53:52

Like (0)

Report

Re: Grey out text field when there are multiple choice options

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.
nikviz 242 on 19 Apr 2023 at 11:30:27

Like (1)

Report
Re: Grey out text field when there are multiple choice options

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/