如何使DOM元素在SAPUI5应用程序上可拖动？

Question

我正在通过网络聊天在我的SAPUI5应用程序上使用Sap会话AI。我在应用程序Component.js上添加了网络聊天脚本。它工作良好，但聊天图标涵盖了应用程序的页脚，我无法使它拖拽。

这是component.js代码；

    if ( !document.getElementById("chat-bot" )) {
            var s = document.createElement("script");
            s.setAttribute("id", "chat-bot");
            s.setAttribute("src", "https://cdn.cai.tools.sap/webchat/webchat.js");
            document.getElementsByTagName('head')[0].appendChild(s);
        }
        s.setAttribute("channelId", "XXXXX-XXXX-XXXX-XXXXX-XXXXXXX");
        s.setAttribute("token", "XXXXXXXXXXXXXXXXXXXXXXXX");

以下是它的外观：

​

有人知道我怎样才能使它可拖或把图标也放在页脚上？

Answer 1

我不认为这到目前为止是不可能的。chatbot按钮包含在下面附加的CSS中。显然，重写这个样式类，您可以左右移动按钮，但它是不可暗示的。

对于用例，您可以尝试将类“sapUiLargeMarginEnd”赋给最后一个页脚按钮，以将页脚按钮移到左侧。

通过检查按钮，我们可以看到以下属性。如果SAP会提供它是按钮集成，这将是我们很容易做的位置。

​

​