Demo 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!!
Demo 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!!
Hey @renatoromao @RezaDorrani can we change the layout of question from horizontal to vertical in power pages?
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
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).
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....
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.
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.
Yes, @Leeyong88 !
You need to implement this code inside your custom website, it's not default code embedded.
Hi All,
Thanks for your guide I manage to change it in custom canvas as following:
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?
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.
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!!