2013-10-27 28 views
0

在IBM Connections中,當integrating the Profiles business card與外部應用程序一起使用時,使用參數loadCssFiles=true對懸停激活的名片的樣式有正面影響,就像它們在IBM Connections中一樣。不幸的是,因爲它把從如何將IBM Connections名片與外部應用程序集成並輕鬆定位樣式?

<body> 

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

這有頁面上再造型的一切不良後果以及 body標籤也完全打亂了任何頁面樣式懸停激活名片。

應用在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的連接特定的樣式不影響頁面佈局的其餘部分。

是否有更優雅的定位方式只有span#semtagmenu節點具有所有額外的Lotus類?

我真的很想要名片造型。但我只希望它適用於名片。

回答

1

OK,我發現,最簡單的方法是在

/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> 

這反過來目標懸停觸發名片僅供風格。

相關問題