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

Question

我正在通过 Webchat 在我的 SAPUI5 应用程序上使用 Sap Conversational AI。我在我的应用程序 Component.js 上添加了 Webchat 脚本。它运行良好，但聊天图标覆盖了应用程序的页脚，我无法将其设为可拖动。

这里是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

目前我认为这是不可能的。聊天机器人按钮包含在下面附加的 CSS 中。显然可以覆盖此样式类，您可以四处移动按钮，但这不是建议。

对于您的用例，您可以尝试将“sapUiLargeMarginEnd”类赋予最后一个页脚按钮，以将页脚按钮向左移动。

通过检查按钮，我们可以看到以下属性。如果 SAP 将其提供为按钮集成，我们将很容易进行放置。