0

IBM Connections では、プロフィール・ビジネス・カードを外部アプリケーションと統合するときに、この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 固有のスタイルは残りのページ レイアウトには影響しません。

すべての余分な Lotus クラスを含むノードのみを対象とする、より洗練された方法はありますか?span#semtagmenu

名刺のスタイリングが本当に欲しいです。しかし、私はそれを名刺に適用したいだけです。

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 に答える