Skip to main content link. Accesskey S
  • Anonymous
  • Log on
  • Help
  • IBM logo
  • IBM Connections wiki
  • All Wikis
  • Home
  • Community Articles
  • Product Documentation
  • Learning Center


Search

Advanced Search

Categories

Tag Cloud

  • 1.0
  • 1.0.x
  • 2.0
  • 2.0.1
  • 2.0.1.1
  • 2.0_media
  • 2.5
  • 2.5_deployment
  • 2.5_media
  • 2.5_performance
  • 3
  • 3.0
  • 3.0.1
  • 3.0.1_media
  • 3.0_media
  • 3_deployment
  • 8.1.1
  • 8.2
  • activities
  • administrators
  • api
  • best_practices
  • blogs
  • bookmarks
  • business_card
  • cluster
  • communities
  • community
  • community_manager
  • connections
  • connections_3
  • connections_301
  • customization
  • customize
  • customizing
  • demos
  • deploying
  • deployment
  • deployments
  • developers
  • dogear
  • Domino
  • Edge server
  • education
  • error messages
  • files
  • forums
  • getting_started
  • Help
  • home
  • home_page
  • homepage
  • how-to
  • HTTP server
  • ibm
  • index
  • installation
  • integration
  • iOS
  • ipad
  • iWidget
  • J2EE
  • javadoc
  • lc3.0
  • learning
  • lotus-connections
  • mml
  • mobile
  • Notes
  • performance
  • person_card
  • Portal
  • portlet
  • portlet_factory
  • profiles
  • proxy server
  • quickr
  • Redbooks
  • rest
  • reverse proxy server
  • Sametime
  • scenarios
  • search
  • security
  • self-paced
  • SSO
  • tags
  • test_infrastructure
  • troubleshooting
  • tuning
  • video
  • VideoFest
  • videos
  • WAI
  • WAS
  • web_seminar
  • WebAppIntegrator
  • WebSphere
  • widgets
  • wikis
InformationInformation
You are currently viewing machine translated content. IBM translation might be available. Click IBM Translated Product Documentation to see what is available.X


Home > IBM Redbooks: Customizing IBM Connections 3.0.1 > 5.7 Adding widgets
Rate this article 1 starRate this article 2 starsRate this article 3 starsRate this article 4 starsRate this article 5 stars

5.7 Adding widgets 

expanded Abstract
collapsed Abstract
No abstract provided.
Previous | Next

You can add custom widgets to Homepage, Communities, and Profiles to integrate key information, status, tasks or almost anything relevant to your organization in profiles, Widgets can be set as a "resourceOwnerWidget" whereby only the user sees the Widget on "My Profile" - task lists and status widgets are examples of Widgets that would work well with this setting. Other widgets are seen by all users and an example considered here is the Social Badge Widget.

A Social Badge Widget helps with adoption of IBM Connections and works by recognizing users for social contributions or profile completion.


This section covers the information to add the widget to the Profiles page, but does not cover writing the widget code. The example used here is a static HTML widget.

Before you begin
Ensure that you have a working widget, and that you have the URL where it is deployed.

Our example is a simple XML file containing the definition and HTML "payload".
<iw:iwidget name="badge" title="Social Badge" xmlns:iw="http://www.ibm.com/xmlns/prod/iWidget" supportedModes="view">

<iw:content mode="view">

  <![CDATA[
<div align="center" style="margin:6px;border-style:ridge;border-width:6px;background:yellow;border-color:yellow;padding:2px">
<b>Level Two Contributor</b></div>

<div style="margin:2px">Dan is a <b>Level 2</b> Contributor:
	<ul>
		<li><b>24</b> followers </li>
		<li><b>7</b> blog posts </li>
		<li><b>4</b> communities </li>
	</ul>
<p>(Static example Widget)</p>
</div>

  ]]>

</iw:content> 

</iw:iwidget>


In this example, the widget is deployed on the same HTTP server as IBM Connections and has the following URL:
http://social.demos.ibm.com/badge.xml

Procedure
  1. Check out the widget-config.xml file.
    The general process of checking out and checking in configuration files is described in 1.4 Publishing customizations with the wsadmin tool
    Adapt the following example commands for your system:
    cd e:\IBM\WebSphere\AppServer\profiles\Dmgr01\bin
    wsadmin -lang jython -user wasmgr -password d3moL0tus
    execfile("profilesAdmin.py")
    ProfilesConfigService.checkOutWidgetConfig("f:/temp", AdminControl.getCell() )

    Remember to leave the wsadmin session open to check in the file in a later step.
  2. Define the Widget in the configuration file.
    Add the following line to the configuration file within the <definitions> ... </definitions> section:
    <widgetDef defId="socialBadge" url="http://social.demos.ibm.com/badge.xml" primaryWidget="false" modes="view" />

    Placing the line immediately before the closing </definitions> line makes it easy to find.
  3. Add the widget to a profiles layout.
    Typically, you add a widget to the default profiles layout, and the main profiles page.
    Add the following line within the <layout resourceSubType="default"> <page pageId="profilesView"> ... sections.
    <widgetInstance uiLocation="col3" defIdRef="socialBadge"/>

  4. Check in the widget-config file.
    In the same wsadmin session checkin the widgets config file using the following command:
    ProfilesConfigService.checkInWidgetConfig()

  5. Restart the the Profiles application.

Related tasks
This procedure shows how to add a new Widget. The following link shows how profile types can be used to control Widget Layout 5.6 Adding profile types

Parent topic: 5.0 Customizing Profiles

expanded Article information
collapsed Article information
Category:
IBM Redbooks: Customizing IBM Connections 3.0.1
Tags:
Redbooks

This Version: Version 3 December 20, 2011 1:22:43 PM by Stephen Smith  IBMer

expanded Attachments (0)
collapsed Attachments (0)

 


expanded Versions (3)
collapsed Versions (3)
Version Comparison     
Version Date Changed by               Summary of changes
This version (3) Dec 20, 2011 1:22:43 PM Stephen Smith  
2 Nov 22, 2011 1:09:25 PM Stephen Smith  
1 Nov 21, 2011 12:45:20 PM Amanda J Bauman  
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 ConnectedSubscribe to RSSHelpAbout
  • All Lotus and WebSphere Portal wikis
  • IBM developerWorks
  • IBM Software support
  • IBM Social Business User Experience Blog
  • IBMSocialBizUX on Twitter
  • IBMSocialBizUX on Facebook
  • Lotus product forums
  • IBM Social Business UX blog
  • IBM Collaboration Solutions
  • Recently added feedRecently added
  • Recently edited feedRecently edited
  • Recently added comments feedRecently Added Comments
  • Wiki Help
  • Forgot user name/password
  • Wiki design feedback
  • Content feedback
  • About the wiki
  • About IBM
  • Privacy
  • Contact IBM
  • IBM Terms of use
  • Wiki terms of use