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

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

目前我认为这是不可能的。聊天机器人按钮包含在 below-attached CSS 中。显然覆盖此样式 class 您可以移动按钮，但它不可建议。

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

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

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

How to make DOM element draggable on SAPUI5 app?

javascript

dom

sapui5

web-chat

sap-conversational-ai