# Vertical list of buttons

**URL:** <https://forum.rasa.com/t/vertical-list-of-buttons/30183>\
**Category:** Rasa Open Source\
**Created:** [June 14, 2020, 9:44am UTC](https://forum.rasa.com/t/vertical-list-of-buttons/30183 "2020-06-14T09:44:45Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![wale](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/wale/32/9199_2.png) [@wale](https://forum.rasa.com/u/wale)\
**Post date:** [June 14, 2020, 9:44am UTC](https://forum.rasa.com/t/vertical-list-of-buttons/30183/1 "2020-06-14T09:44:45Z")

</div>

User ask for something, the bot emits a list of buttons, user click one, the bot acts on it…and bob is your uncle.

However, the problem starts when each button item has very long texts. Rasa crunches these texts and shove all the buttons horizontally.

Is there a way to display buttons vertically? Like one by one, per line?

I came across this github [issue](https://github.com/RasaHQ/rasa/issues/3993) where @erohmensing suggested the use of `button_type: vertical`.

Maybe that can work if my resonses are already known and hardocoded in `domains.yml `

But my response is a result of a network call. And I cant find where or how to implement it using either `utter_button_message` or `utter_message`

I am not particularly hung on buttons though. If an unordered list will work, fine.

So if buttons cant be implemented vertically for my use-case, can you please show me how to display a list of items and make each clickable like a button to specific payloads?

@amn41 suggested [here](http://forum.rasa.com/t/rasa-response-as-list-items-like-buttons-and-attachments/10292) that you can utter these items one by one…and that might work, but what if the List span many items? Wont that be too cringe-worthy?

Thanks.

---

<div class="post-metadata">

**Author:** ![erohmensing](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/erohmensing/32/1789_2.png) [@erohmensing](https://forum.rasa.com/u/erohmensing)\
**Post date:** [June 16, 2020, 10:39am UTC](https://forum.rasa.com/t/vertical-list-of-buttons/30183/2 "2020-06-16T10:39:18Z")

</div>

Hey @wale, I believe you should be able to pass any keyword args through utter\_message. For example:

```auto
buttons = [{},{}] # some list of button dicts, doesn't matter 

dispatcher.utter_message(text="Some message", buttons=buttons, button_type=vertical)

```

However, this will only work on the telegram frontend because that is the channel that defines that keyword argument.

Otherwise, you would have to check with whichever connector you are using to see if there is an easy way to output the buttons – this logic is handled in the connector, which you can customize.

---

<div class="post-metadata">

**Author:** ![wale](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/wale/32/9199_2.png) [@wale](https://forum.rasa.com/u/wale)\
**Post date:** [June 16, 2020, 10:44am UTC](https://forum.rasa.com/t/vertical-list-of-buttons/30183/3 "2020-06-16T10:44:37Z")

</div>

Thanks for your response!!! Yes, that might work, for telegram. I haven’t tried it yet though.

I would prefer something more universal, like with fb msg too. But thats ok. I have implemented another approach.

Now, i am emitting each in a separate message. Each message has all the real-estate it needs. No need to crunch all together.

I believe this is a temporary solution however. But that will do for now.

Thanks again!!!

---

<div class="post-metadata">

**Author:** ![erohmensing](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/erohmensing/32/1789_2.png) [@erohmensing](https://forum.rasa.com/u/erohmensing)\
**Post date:** [June 16, 2020, 10:59am UTC](https://forum.rasa.com/t/vertical-list-of-buttons/30183/4 "2020-06-16T10:59:45Z")

</div>

Seems like the best shortterm solution. Unfortunately each platform has different formats for outputs and what it can accomplish, so we can only do so much 😄

---

<div class="post-metadata">

**Author:** ![wale](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/wale/32/9199_2.png) [@wale](https://forum.rasa.com/u/wale)\
**Post date:** [June 16, 2020, 11:01am UTC](https://forum.rasa.com/t/vertical-list-of-buttons/30183/5 "2020-06-16T11:01:17Z")

</div>

You have actually done so much! Top top job and kudos to the whole team and the community!!!

😍 😍 😍

---

<div class="post-metadata">

**Author:** ![erohmensing](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/erohmensing/32/1789_2.png) [@erohmensing](https://forum.rasa.com/u/erohmensing)\
**Post date:** [June 16, 2020, 11:19am UTC](https://forum.rasa.com/t/vertical-list-of-buttons/30183/6 "2020-06-16T11:19:09Z")

</div>

Appreciate the Rasa love!

---

<div class="post-metadata">

**Author:** ![rockstarrahts](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/rockstarrahts/32/10861_2.png) [@rockstarrahts](https://forum.rasa.com/u/rockstarrahts)\
**Post date:** [September 5, 2020, 4:58am UTC](https://forum.rasa.com/t/vertical-list-of-buttons/30183/7 "2020-09-05T04:58:48Z")

</div>

I am beginner in rasa can you please provide me a sample code how can we use it? And where we have to use it in your code .
