如何解决如何使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将其提供为按钮集成,那么我们进行放置将很容易。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。