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 将其提供为按钮集成，我们将很容易进行放置。