0

我正在编写一个机器人并大量使用HeroCardsand Adaptive Cards

当我使用 Adaptive Card Builder 时,按钮总是水平排列,这正是我所需要的。一旦部署,它们最终总是垂直堆叠在一起。

这会产生一个巨大的问题,特别是在按下按钮会启动一个动作的情况下,比如打开一个要求用户输入的文本框的一组单选按钮:该框将出现在底部(或任何控件)。

除了看起来很糟糕之外,该功能还会让 b/c 用户感到困惑,他们可能会认为他们在回答错误的项目。

这里有两个例子:

它在设计器中的外观和外观:
正确的

这是他们在频道中的样子: 水平移位 - 直到下一张图片才能真正看到可用性问题

另外,我只是好奇,问答生成器上的紫色按钮,这些只是传统按钮还是那些被称为特殊的按钮?我一开始使用它,但后来转移到 LUIS,这似乎并没有造成差异,但仅供参考,我希望相同的按钮垂直排列,这是发生的结果(与第 1 项相比) :
影响可用性的水平

我有代码,但我认为它是框架中的东西,或者认为它是模拟器,但即使我去 bing 频道(似乎只在 Edge 中渲染,但我认为它是带有 Chrome 的 Ghostery 的 b/c)。

是容器吗,b/c 构建器中的代码总是看起来正确吗?

很抱歉是多余的,但是在问答环节,如果有人能告诉我紫色按钮在 Bot Framework 中的卡片中是否有等价物并且它们只是样式化的,或者它是否特定于问答环节,我将非常感激。

很高兴发布代码会有所帮助,但我很难过。

令人困惑并且看起来很糟糕 - 两全其美

4

1 回答 1

1

为了实现紫色按钮,您必须自己设置 WebChat 组件的样式。Github 上的BotFramework-WebChat README描述了如何实现这一点。您可以使用 CSS 轻松设置按钮样式,以实现您自己的外观和感觉。

垂直排列的按钮看起来像带有按钮的 HeroCard,但我不能 100% 确定。自适应卡的外观和感觉目前在多个渠道之间可能会有所不同,因为它还没有真正成熟。但是,这也可以设置样式。

于 2018-04-03T13:12:55.643 回答