如何使用SDK V4在C＃中修改WEBCHAT中的BOT和USER輸入的UI？

Question

我正在嘗試改變我的網絡聊天機器人的布局，以便：1。用戶消息有不同的顏色和泡泡2. Bot回復應該有不同顏色和泡泡可以任何人解釋或指導我一步一步的代碼相同使用C＃在BOT V4中申請？一步一步我的意思是：1。如果有任何配置或設置要在哪里，什么以及以什么順序完成2.如果要寫的任何代碼在哪里以及如何以及哪些代碼在哪個區域或部分像明智的詳細步驟步驟指南，對不起，但我是機器人和編碼的新手，因此要求詳細指南

預期結果：Bot和用戶應該處於不同的UI或顏色或氣泡實際結果：需要一步一步指導如何實現它。

Answer 1

您的案例在網絡聊天的GitHub頁面的“自定義”部分下進行了描述。

關於泡泡的顏色： https ： //github.com/Microsoft/BotFramework-WebChat/blob/master/SAMPLES.md#change-font-or-color

所以你可以看到它如下所示：

<!DOCTYPE html>
<html>
  <body>
    <div id="webchat" role="main"></div>
    <script src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script>
    <script>
      const styleOptions = {
        bubbleBackground: 'rgba(0, 0, 255, .1)',
        bubbleFromUserBackground: 'rgba(0, 255, 0, .1)'
      };

      window.WebChat.renderWebChat({
        directLine: window.WebChat.createDirectLine({ secret: 'YOUR_BOT_SECRET' }),

        // Passing "styleOptions" when rendering Web Chat
        styleOptions
      }, document.getElementById('webchat'));
    </script>
  </body>
</html>

如何使用SDK V4在C＃中修改WEBCHAT中的BOT和USER輸入的UI？

問題描述

1 個解決方案

解決方案1
3 已采納 2019-05-05 21:46:03

如何使用SDK V4在C＃中修改WEBCHAT中的BOT和USER輸入的UI？

問題描述

1 個解決方案

解決方案1 3 已采納 2019-05-05 21:46:03

解決方案1
3 已采納 2019-05-05 21:46:03