Skip to main content link. Accesskey S
  • Log In
  • Help
  • IBM Logo
  • IBM Connections wiki
  • All Wikis
  • All Forums
  • Home
  • Product Documentation
  • Community Articles
  • Learning Center
  • IBM Redbooks
Community Articles Product Documentation Learning Center IBM Redbooks This category IBM Connections 3.0.1 Documentation Custom Search Scope...
Search
Community Articles > Integration > Integrating IBM Connections 3.0.1 with WebSphere Portal 7.0 using Page Builder 2 Themes (Part 2)
  • New Article
  • Share Show Menu▼
  • Subscribe Show Menu▼

About the Original Author

Andrea Fontana.
Contribution Summary:
  • Articles authored: 1
  • Articles edited: 3
  • Comments Posted: 2

Recent articles by this author

Integrating IBM Connections 3.0.1 with WebSphere Portal 7.0 using Page Builder 2 Themes (Part 2)

This Tutorial describes how to update the integration of IC 3.01 and WP 7.0x using PageBuilder 2.0 Theme

Community articleIntegrating IBM Connections 3.0.1 with WebSphere Portal 7.0 using Page Builder 2 Themes (Part 2)

Added by Andrea Fontana. | Edited by IBM contributor Dana Liburdi on April 1, 2012 | Version 12
  • Edit
  • More Actions Show Menu▼
Rate this article 1 starsRate this article 2 starsRate this article 3 starsRate this article 4 starsRate this article 5 stars
expanded Abstract
collapsed Abstract
This Tutorial describes how to update the integration of IC 3.01 and WP 7.0x using PageBuilder 2.0 Theme
Tags: connections3.0.1, integration, portal 7.0x, PageBuilder 2.0
ShowTable of Contents
HideTable of Contents
  • 1 Overview
  • 2 Creating a Stylesheet to Customize the UI
  • 3 Create Portal page to integrate IC features
  • 4 About the author

Overview

In the first article (Part1) I described how to customize a portal page to integrate IC 3.01 with a static page solution. Now I describe how to integrate with a standard portal page with a Web Page Portlets.

in this modality you obtain a dynamic Portal head section, because you use a standard Portal Page.

Head Portal

Creating a Stylesheet to Customize the UI

As in the previous article to create a stylesheet to hide the head and allow the integration of IC, compared to the previous file some classes have been added to allow integration using a portlet.

the new .css is


#******************************************************************#

#* WAI.CSS                                                       *#
#* this .css is used to hide the IC head when it's integrated    *#
#* WebSphere Portal using PageBuilder 2 Theme                    *#
#*                                                               *#
#* v.1.a by A.Fontana                                            *#
#*****************************************************************#

#lotusBanner, .lotusBanner {
    display: none;
    overflow: hidden;
    padding: 5px 15px 4px 30px;
    text-align: right;
}
.lotusPlaceBar lotusui {
    display: none;
}
.lotusTitleBar .lotusTabs li {
    display: none;
}
.lotusFooter {
    display: none;
}
body.lotusui {
    background: none repeat scroll 0 0 transparent;
}
.lotusPlaceBar {
    display: none;
}
.lotusTitleBar {
    display: none;
}
.lotusContent {
    height: 1050px;
    overflow-y: auto;
}
.entryContentContainer {
    overflow-y: visible;
    width: 100%;
}
.wrapHat {
    display: none;
}
.ibmLayoutContainers {
    padding: 0;
}
#lotusColRight .lotusSection {
    overflow: hidden;
    width: 155px;
}
.lotusui .lotusContent {
    padding: 20px 50px 20px 20px;
} 

Create Portal page to integrate IC features

Now, go to Portal administration and create a new label. For example, Social is created in the following screen capture

Administration Portal

Click the label.

Create an empty portal page for integrate IC, with the following option:

Portal Page

create a copy of Web Page Portlet and name it with following mode

<yoursVirtaulPortalID>.Social
, where
<yoursVirtaulPortalID>
your VP identifier. in my case tb.Social

add a new copy in the page, save, and edit a page and Edit Sahred Settings in the portlet Menu

complete a URL:Field with your complete URL of IC features you want integrate, like this

http://<fqdn>/blogs/tbridge/?FromPortal=yes&skin=tbridge

wehre FQDN is Full Qualified Domain Name-

and save.

You must repeat this steps for every IC's features, you want integrate.

in this way using a portal page, you will not need to update your pages when you update the integration of the portal structure by adding or removing pages, sections, etc etc ....

About the author



Andrea Fontana currently works as a System Architect, defining, organizing, and configuring complex IBM product-based solutions. In particular he works with WebSphere Portal and its collaborative environment including Domino 8.0.x, 8.5, IBM Connections 3.01, Lotus Quickr 8.0.x, and IBM Sametime, with respect to setting up SSO Kerberos integration solutions and configuring systems with a R-proxy solution with SSL integration. His past experience includes roles as an Application Developer, Database Administrator, and Project Manager in a wide variety of business applications. He graduated from the ITIS Zuccante C., Mestre (Venice), specializing in Industrial Electronics. You can reach Andrea at a.fontana@net2action.com.


  • Edit
  • More Actions Show Menu▼


expanded Attachments (3)
collapsed Attachments (3)
Edit the article to add or modify attachments.
File TypeSizeFile NameCreated On
image/x-png 99 KB a1.png 3/11/12 10:17 AM
image/gif 33 KB port.gif 3/11/12 10:17 AM
image/x-png 12 KB page.png 3/11/12 10:17 AM
expanded Versions (12)
collapsed Versions (12)
Version Comparison     
VersionDateChanged by              Summary of changes
This version (12)Apr 1, 2012 11:51:56 PMDana Liburdi  IBM contributorMinor Change
11Mar 13, 2012 8:48:45 AMRoberto Boccadoro  IBM contributor
10Mar 11, 2012 12:04:10 PMAndrea Fontana.  
9Mar 11, 2012 11:10:07 AMAndrea Fontana.  
8Mar 11, 2012 11:08:35 AMAndrea Fontana.  
7Mar 11, 2012 10:56:56 AMAndrea Fontana.  
6Mar 11, 2012 10:56:04 AMAndrea Fontana.  
5Mar 11, 2012 10:51:07 AMAndrea Fontana.  
4Mar 11, 2012 10:49:41 AMAndrea Fontana.  
3Mar 11, 2012 10:29:33 AMAndrea Fontana.  
2Mar 11, 2012 10:27:59 AMAndrea Fontana.  
1Mar 11, 2012 10:17:23 AMAndrea Fontana.  
expanded Comments (0)
collapsed Comments (0)
Copy and paste this wiki markup to link to this article from another article in this wiki.
Go ElsewhereStay ConnectedHelpAbout
  • IBM Collaboration Solutions wikis
  • IBM developerWorks
  • IBM Software support
  • Twitter LinkIBMSocialBizUX on Twitter
  • FacebookIBMSocialBizUX on Facebook
  • ForumsLotus product forums
  • BlogsIBM Social Business UX blog
  • Community LinkIBM Collaboration Solutions
  • Wiki Help
  • Forgot user name/password
  • Wiki design feedback
  • Content feedback
  • About the wiki
  • About IBM
  • Privacy
  • Accessibility
  • IBM Terms of use
  • Wiki terms of use