The Power of Reusable UI Controls for IBM Connections

As hopefully most of my readers are aware of, the IBM Social Business Toolkit SDK provides easy to use Java and JavaScript APIs to access IBM Connections and IBM SmartCloud for Social Business and it comes with convenience functionality to handle complexity like authentication and deployment to different environments.

In addition to this the development team has created reusable UI controls that can be embedded in custom apps. For example there is an UI control representing the activity stream from IBM Connections which can be used by adding one div tag to the HTML of custom apps and a handful of lines of JavaScript code. In other words functionality from IBM Connections can be used in custom apps without having to use backend APIs and without having to write your own user interfaces.

Francis Moloney and David Ryan published a series of short videos describing some of the UI controls:
Activity Streams
vCards for Profiles and Communities

In most cases developers want to change the look and feel of these controls. In order to do this the Social Business Toolkit provides options to customize the UI controls. There are templates, e.g. the community row template which allow modifications of the HTML of the UI controls without having to change any of the business logic code. Furthermore you can modify the behavior of some of the actions provided by the UI controls via ‘custom actions’. For example you can run your own JavaScript code when clicking a community in a list of communities. The next two videos describe these customization possibilities.
Custom Template
Custom Actions

Currently there are UI controls available for IBM Connections and IBM SmartCloud for Social Business. Some of the controls work against both environments, e.g. the files and communities grid while other controls, e.g. profiles are different controls at this point. David describes this in more detail in this video.