Skip to main content

Notifications

Community site session details

Community site session details

Session Id :
Copilot Studio - Publish & Channel Management
Answered

Change Multiple Options Layout

(0) ShareShare
ReportReport
Posted on by 108

Demo chatDemo chat

 

Hi, is there anyway to change multiple options layout from horizontal to vertical?

 

Horizontal: Option1; Option 2; Option3

 

Vertical:

Option1;

Option2;

Option3;

 

Thanks for advise!!

  • taimoorahmed_ Profile Picture
    4 on at
    Re: Change Multiple Options Layout

    Hey @renatoromao  @RezaDorrani  can we change the layout of question from horizontal to vertical in power pages?

  • fernandosilva Profile Picture
    Super User 2024 Season 1 on at
    Re: Change Multiple Options Layout

    This is my solution and it works perfectly when dealing with the custom canvas:

     

    On the css file apply the following:

     

    .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;
    }

     

    Cheers,

     

    Fernando

  • KyleCrawford Profile Picture
    19 on at
    Re: Change Multiple Options Layout

    I was able to do this, but I don't like the option filling the whole width and being center justified. Is there any way to control the vertical stack? Or another option would just be to have the carousel wrap (return).

  • Cym Profile Picture
    16 on at
    Re: Change Multiple Options Layout

    This thread answers my question, EXCEPT I don't know how to access the original index file to make the required changes. Can someone throw a newby a bone and tell me where to go? I will love you forever, I promise....

  • Leeyong88 Profile Picture
    108 on at
    Re: Change Multiple Options Layout

    Hi, 

     

    I'm able to apply the changes using configure the canvas with your bot . Using following script lines: 

     

    const styleOptions = {

    // Suggested actions
    suggestedActionLayout: 'stacked',

    };

     

    Please note that you won't be able to see the changes on your Test or Demo Bot. 

     

     

  • Community Power Platform Member Profile Picture
    on at
    Re: Change Multiple Options Layout

    I've unsuccessfully tried using info from the following sources to update the question options layout to vertical in our bot: Editing in Bot Framework Composer and configure the canvas with your bot. 

     

    I haven't been able to find any updated information on the update for this setting, so checking in to see if this feature is still expected to be included. Despite whatever question overhauls designers could make in their process (to just include fewer questions), this seems like a pretty important feature.

  • Verified answer
    CU22081450-0 Profile Picture
    Most Valuable Professional on at
    Re: Change Multiple Options Layout

    Yes, @Leeyong88 !

    You need to implement this code inside your custom website, it's not default code embedded.

  • Leeyong88 Profile Picture
    108 on at
    Re: Change Multiple Options Layout

    Hi All, 

     

    Thanks for your guide I manage to change it in custom canvas as following: 

     

    Stacked Option.JPG

     

    Since I customized canvas for my BOT. It won't reflect in my demo web BOT right?I want to ask if I want to publish in my custom website. I should provide this customized canvas code to IT Administrator for deploy right? (not the default embed code from channel > Custom Website)? @renatoromao @ ,could you please advise?

  • mlaurich Profile Picture
    15 on at
    Re: Change Multiple Options Layout

    The comment mentioned about using CSS to change the design to have the buttons vertical is all I have seen and I also was interested into doing that as well once I decided if the Q&A is a good design.

     

    My bigger question is based on how PVA is coded, did they intend for 5 or 8 or greater answers to a question? Instead should the questions be more specific or granular only having 2-3 choices? Having more questions and smaller answers? maybe this is a personal choice but without the vertical buttons it seems they only planned for short 2-3 answer buttons.

     

    Its hard to say how granular you should go with your topic and questions I feel and still trying to grasp the best way to do so. Would love to hear others about their thoughts on this as I have several paths that I will end up with 5+ answers.

  • Leeyong88 Profile Picture
    108 on at
    Re: Change Multiple Options Layout

    Hi @mlaurich ,would like to hear about your opinion in design the BOT. 

     

    In my design when comes to service catalog option, there are more branches.

     

    Example: User chose the option About SimpleHelp. From this option there will be 5 or 6 potential questions in the choices. In the chat BOT it appear to be horizontal and users has to scroll left-right to see/read the choices. I wish to make it appear like right side layout (vertical). Thanks!!BOT.JPG

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Michael Gernaey – Community Spotlight

We are honored to recognize Michael Gernaey as our June 2025 Community…

Congratulations to the May Top 10 Community Leaders!

These are the community rock stars!

Announcing the Engage with the Community forum!

This forum is your space to connect, share, and grow!

Leaderboard >

Featured topics