В IBM Connections, когда интеграция визитной карточки Profiles с внешним приложением, использование параметра loadCssFiles=true
положительно сказывается на стилизации визитных карточек, активируемых наведением, точно так же, как в IBM Connections. К сожалению, он также полностью портит любой стиль страницы, поскольку преобразует тег body из
<body>
to
<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?
Я действительно хочу стиль визитной карточки. Но я хочу, чтобы это применялось только к визитным карточкам.