botframework v4自定义标题和最小化的网络聊天

如何解决botframework v4自定义标题和最小化的网络聊天

我正在使用以下方式呈现我的聊天记录：

<!DOCTYPE html>
<html>
<head>
    <style>
        html,body {
            height: 100%;
        }

        body {
            margin: 0;
        }

  
        .main {
            margin: 18px;
            border-radius: 4px;
         
        }

        div[role="form"] {
            background-color: black;
        }

        div[role="log"] {
            background: gainsboro;
        }

        div[role="status"] {
            background: darkgray;
        }

        #webchat {
            position: fixed;
            height: calc(100% - 135px);
            z-index: 9999;
            width: 400px;
            top: 132px;
            overflow: hidden;
            border-color: red;
            border-style: dotted;
            visibility:visible;
        }
        
    </style>
</head>
<body>
      
    <div>
        <div id="heading">
            <div id="heading">
                <h1><img src="mylogo.png"> mychat</h1>
            </div>
        </div>
        <div id="webchat" role="main"></div>
    </div>

        <script src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script>
        <script>

            

           
            openchat();
         
            function openchat() {
               
                const styleOptions = {
                    userID: 'YOUR_USER_ID',username: 'Web Chat User',botAvatarInitials: '',userAvatarInitials: 'You',bubbleBackground: 'rgba(0,255,50,.4)',bubbleFromUserBackground: 'rgba(125,125,.3)',botAvatarImage: 'mylogo.png'
                };
                window.WebChat.renderWebChat(
                    {
                        directLine: window.WebChat.createDirectLine({
                            token: '*'
                        }),styleOptions

                    },document.getElementById('webchat')
                );
            }
        </script>

 
</body>
</html>

它可以正常工作，但是现在我需要将此聊天作为弹出窗口或类似的东西发布在公司的网页上，因此可以使用上一个脚本，但是我没有选择向弹出窗口添加标题的选项，并且我还需要添加一个最小化按钮。如何在主页内的网上聊天中设置标题和最小化按钮？

解决方法

我认为您最好的选择是使用网络聊天团队提供的示例。 minimizable webchat sample是一个很好的例子。