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

问题描述

我正在通过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");

以及它的外观：

任何人都知道如何使其可拖动或将图标放在页脚上吗？

解决方法

到目前为止，我认为这是不可能的。 chatbot按钮包含在以下随附的CSS中。显然，可以重写此样式类，您可以移动按钮，但这不是建议的。

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

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