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

Question

我通过网络聊天在我的 SAPUI5 应用程序上使用 Sap Conversational 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

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

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

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