0

在 IBM Connections 中，当将 Profiles 名片与外部应用程序集成时，使用该loadCssFiles=true参数可以对悬停激活的名片进行样式设置，就像它们在 IBM Connections 中一样。不幸的是，它也完全弄乱了任何页面样式，因为它将正文标签从

<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 类的节点？

我真的很想要名片样式。但我只希望它应用于名片。

4

1 回答 1

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>

反过来，它只针对样式的悬停触发名片。

于 2013-10-27T23:41:17.620 回答