我们可以在 Microsoft Bot Framework 的网络聊天频道中添加自定义 CSS (.NET/C#)

Can we add custom CSS in Web Chat Channel in Microsoft Bot Framework (.NET/C#)

我正在开发一个培训 ChatBot 应用程序,我在其中使用 Microsoft Bot Framework (.NET/C#)。

当我使用配置频道 - "Skype" 或 "Facebook"- 我的聊天 window 的外观很好,无需编写任何 css/style 代码,因为它在 Skype 和 facbook 的默认 css 中可见。

但是当我尝试在我的 SharePoint/Web 页面(.aspx 或 .html)中使用网络聊天频道显示相同的聊天时,.它没有以 correct/nice 格式显示,请参阅下图了解更多详细信息。我想知道,如果我只想在任何网页上使用网络聊天频道显示这个聊天机器人,我们可以添加自定义 css/style 吗?

WebChat 控件是一个开放源代码项目,因此您可以将更改回馈给该项目或将其分叉并进行任何您想要的更改。

可以找到存储库 here

您似乎在使用较旧的网络聊天控件。新的开源 Web Chat 控件(仍处于预览阶段)对按钮、markdown、卡片等有更丰富的支持。默认情况下尚未启用新控件,但您可以在 Web Chat 配置页面上为您的 bot 启用它在 dev portal.

我遵循了路径中提到的方法 - https://github.com/billba/botchattest

此 link 包含两个 .html(s)、.CSS 和 .JS 文件。

我可以根据自己的要求在CSS中进行更改,按钮的样式、颜色和字体大小。

因为我在我的 SharePoint Online Webpart 页面中实现了这个 Web Chat/DirectLine 聊天,所以我遇到了一个问题,我也已经解决了这个问题。

详情可见- Using WebChat in SharePoint Script Editor #228