编辑 Microsoft ChatBot UI 设计
Edit Microsoft ChatBot UI design
我已经通过 Azue BotService 设置了 QnA Bot,我想使用 WebChat 频道,但是聊天界面的默认 MS Design 非常乏味;我有办法编辑它吗?
是否可以从左侧的默认主题开始,例如下图中右侧新西兰航空公司的机器人?
这取决于您希望如何将网络聊天集成到您的页面中,但是是的,可以更改外观,只有 css
和 js
所有详细信息都在网络聊天的 GitHub 帐户上提供:https://github.com/Microsoft/BotFramework-WebChat
简而言之:
Want to run a custom build of WebChat? Clone this repo, alter it, build it, and reference your built botchat.css and botchat.js files.
以及样式:
Styling
In the /src/scss/ folder you will find the source files for generating
/botchat.css. Run npm run build-css to compile once you've made your
changes. For basic branding, change colors.scss to match your color
scheme. For advanced styling, change botchat.scss.
我已经通过 Azue BotService 设置了 QnA Bot,我想使用 WebChat 频道,但是聊天界面的默认 MS Design 非常乏味;我有办法编辑它吗?
是否可以从左侧的默认主题开始,例如下图中右侧新西兰航空公司的机器人?
这取决于您希望如何将网络聊天集成到您的页面中,但是是的,可以更改外观,只有 css
和 js
所有详细信息都在网络聊天的 GitHub 帐户上提供:https://github.com/Microsoft/BotFramework-WebChat
简而言之:
Want to run a custom build of WebChat? Clone this repo, alter it, build it, and reference your built botchat.css and botchat.js files.
以及样式:
Styling
In the /src/scss/ folder you will find the source files for generating /botchat.css. Run npm run build-css to compile once you've made your changes. For basic branding, change colors.scss to match your color scheme. For advanced styling, change botchat.scss.