Skip to main content

Notifications

Copilot Studio - General
Unanswered

Grey out text field when there are multiple choice options

Posted on by 785

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:
  • HenryJammes Profile Picture
    HenryJammes on at
    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 Profile Picture
    fernandosilva 785 on at
    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 Profile Picture
    nikviz 242 on at
    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 Profile Picture
    fernandosilva 785 on at
    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 Profile Picture
    nikviz 242 on at
    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:

    nikviz_0-1681903621477.png

    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/ 

Helpful resources

Quick Links

Exciting News for Copilot Studio Communi…

Get ready to experience a whole new level of engagement with the Copilot Studio…

Celebrating the May Super User of the…

LaurensM is an exceptional contributor to the Power Platform Community…

Check out the Copilot Studio Cookbook…

We are excited to announce our new Copilot Cookbook Gallery in the Community…

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 137,998

#2
RandyHayes Profile Picture

RandyHayes 76,308

#3
Pstork1 Profile Picture

Pstork1 63,059

Leaderboard