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

我正在通过Webchat在我的SAPUI5应用程序上使用Sap Conversational AI。我在我的apps Component.js上添加了Webchat脚本。它工作正常，但聊天图标覆盖了应用程序的页脚，我无法将其拖动

下面是component.js代码

if（！document.getElementById（“聊天机器人”））{
var s=document.createElement（“脚本”）；
s、 setAttribute（“id”、“聊天机器人”）；
s、 setAttribute（“src”https://cdn.cai.tools.sap/webchat/webchat.js");
document.getElementsByTagName（'head'）[0]。appendChild；
}
s、 setAttribute（“channelId”、“XXXXX-XXXX-XXXXX-XXXXX-XXXXXX”）；
s、 setAttribute（“令牌”，“XXXXXXXXXXXXXXXXXXXXXXXX”）；

下面是它的外观：

---

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

我认为目前还不可能做到这一点。聊天机器人按钮包含在下面附带的CSS中。显然，覆盖这个样式类，你可以移动按钮，但这是不可暗示的

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

通过检查按钮，我们可以看到以下属性。 如果SAP能够提供按钮集成，那么我们就可以轻松地进行布局