gpt4 book ai didi

css - 如何将 IBM Connections 名片与外部应用程序集成并轻松定位样式?

转载 作者:太空宇宙 更新时间:2023-11-04 14:24:51 24 4
gpt4 key购买 nike

在 IBM Connections 中,当 integrating the Profiles business card对于外部应用程序,使用 loadCssFiles=true 参数对悬停激活的名片具有积极的效果,就像它们在 IBM Connections 中一样。不幸的是,它也完全搞乱了任何页面样式,因为它将 body 标签从

<body>

<body class="lotusui lotusui30dojo lotusui30_body lotusui30_fonts lotusui30 lotusSpritesOn">
<span id="semtagmenu" role="tooltip" style="...">...</span>

这具有重新设计页面上的所有内容 以及悬停激活的名片的不幸效果。

在 Chrome 控制台/Firebug 中应用以下代码片段可纠正问题:

// all the offending CSS classess
var themLotusClasses = 'lotusui lotusui30dojo lotusui30_body lotusui30_fonts lotusui30 lotusSpritesOn';
// remove from the body tag
jQuery('body').removeClass(themLotusClasses);
// wrap *only* the Business Card HTML
jQuery('#semtagmenu').wrap('<span class="' + themLotusClasses + '"></span>');

这仅针对名片,因此 IBM Connections 特定样式不会影响页面布局的其余部分。

有没有一种更优雅的方法可以 span#semtagmenu 节点和所有额外的 Lotus 类?

我非常想要名片样式。但我只希望它应用于名片。

最佳答案

好的,我发现最简单的方法是简单地复制样式

/connections/resources/web/_style?include=com.ibm.lconn.core.styles.oneui3/base/standaloneVcard.css

和附带的 Sprite 图像,然后使用 loadCssFiles=false 代替。

这将添加类:

lotusui lotusui30dojo lotusui30_body lotusui30_fonts lotusui30 lotusSpritesOn

<span id="semtagmenu" role="tooltip" style="...">...</span>

这反过来又针对仅针对样式的悬停触发的名片。

关于css - 如何将 IBM Connections 名片与外部应用程序集成并轻松定位样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19623594/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com