Question

在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类？

我真的很想要名片造型。但我只想将它应用于名片。

Answer 1

好的，我发现最简单的方法是简单地复制

中的样式

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

和随附的精灵图片，然后改为使用loadCssFiles=false。

这会添加类：

lotusui lotusui30dojo lotusui30_body lotusui30_fonts lotusui30 lotusSpritesOn

到

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

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

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

1 个答案: