azure - 垂直显示建议操作选项

Question

我向聊天机器人添加了 suggestActions。但它以水平方式显示所有选项，并且不显示全文。

代码下方

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);

附上截图。

Output

问题:

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

Answer 1

不，您的代码中无法执行此操作。这是你发送的卡片如何被每个channels渲染的问题。我认为对于大多数 channel 来说也没有办法。

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

1. 修改 React 代码，这将生成修改后的 botchat.js
2. 修改最终的botchat.js

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