垂直显示建议的操作选项

Question

我在聊天机器人中添加了建议的操作。但它在水平方向上显示所有选项，并且不显示全文。

代码下方

var msg = new builder.Message(session)
.text("What would you like assistance with?")
.suggestedActions(
builder.SuggestedActions.create(
session, [
builder.CardAction.imBack(session, "Texas Workforce Commission", "1. Texas Workforce Commission"),
builder.CardAction.imBack(session, "Jobs Y’all", "2. Jobs Y’all")
]
));
session.send(msg);

附上截图。

输出

问题：

1. 现在，这些选项正在水平显示。我需要垂直显示选项。我该怎么做？
2. 列表中的第一个选项会自动截断。我应该如何显示所有选项，以免它们被截断？

Answer 1

不，在你的代码中没有办法做到这一点。这是您发送的卡片如何由每个渠道呈现的问题，我认为对于大多数渠道来说，也没有办法。

但是，如果您使用WebChat，那么答案可能是肯定的。这取决于你的 React/JavaScript 技能。WebChat是一个React应用程序，它被编译成javascript并捆绑到一个botchat.js。在这种情况下，您有两个选择：

1. 修改 React 代码，这将生成修改后的僵尸聊天.js
2. 修改最终的僵尸聊天.js

我自己最终修改了反应代码，这是我可以推荐给您的唯一选择。这可能需要一些时间，但最终是值得的。