【问题标题】:WEB CHAT: How to change the border color of cards in Web Chat?网络聊天:如何更改网络聊天中卡片的边框颜色?
【发布时间】:2019-10-10 05:10:02
【问题描述】:

我正在使用 MS Bot Framework 网络聊天,并将重音从默认的硬蓝色更改为更柔和的蓝色,如下所示:

const styleOptions = {
  accent: '#73ADC6',
  ...

这很好地改变了用户头像的颜色,但不知何故,卡片的边框仍然是旧的硬蓝色。这个怎么可能?如何更改卡片边框颜色?

查看此处的选项时,我看不到任何方法:https://github.com/microsoft/BotFramework-WebChat/blob/master/packages/component/src/Styles/defaultStyleOptions.js

非常感谢!

border color of web chat

【问题讨论】:

    标签: botframework


    【解决方案1】:

    附加图像中显示的按钮是与卡片不同的建议操作(您可以参考这些属性here。卡片在网络聊天记录中发送,而建议操作附加到发送框。这允许用户可以在按钮保持静止时滚动,同时还允许按钮在做出选择后消失。

    目前,无法通过网络聊天来更改建议的操作边框颜色或其他属性。

    因此,您需要在短期内直接更改 CSS。请注意,这会影响所有将呈现的buttons。将以下代码放入您的 index.html 文件中。为了覆盖该元素/类的任何网络聊天默认样式,“!important”标识符是必需的。

    希望有帮助!

    button {
      background-color: #73ADC6 !important;
    }
    

    【讨论】:

    • 如果您也无法获得suggestedActionBorderColor 注册,请告诉我。反馈很重要。
    • 仅供参考,我附近有几个开发人员使用suggestedActionBorderColor 测试他们的网络聊天,并且对他们来说效果很好,所以这个特殊问题似乎是我特有的。
    • 另一个更新:我与网络聊天团队的开发人员进行了交谈。 suggestedActionBorderColor 和相关属性在当前版本中不可用。他们定于即将发布的版本。同时,您需要通过button 元素直接更改CSS,如解决方案中所示。我会更新答案。
    【解决方案2】:

    我从未使用过这个,但在您发送的文档链接中,这两个选项似乎可以满足您的需求。 bubbleFromUserBorderColor 或bubbleBorderColor。 我想这就是你想要的。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-08-22
      • 1970-01-01
      • 2020-12-01
      • 1970-01-01
      • 1970-01-01
      • 2023-04-03
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多