How To Integrate Your App with IBM Connections Cloud with 2 Lines of Code

Tweet

Last week I was at the IBM Connections user group conference, called Social Connections, in Boston MA.  There, I got the opportunity to meet with many end users as well as developers interested in building apps for IBM Connections.

A particular session that I got great feedback from developers was the one titled Mastering the IBM Connections Developers Experience. Vijay Francis and Paul Bastide took the audience through the options to integrate with IBM Connections Cloud.  One of the samples was how to take an existing app and bring in our navigation components into it in less than 30 seconds!

So imagine you have an app like this:

Now let's take that and add the IBM Connections Cloud navigation to it.  Add a couple of lines of code and boom!

Now, you have an easy and consistent way for users to go back and forth between your app and the main Connections interface. So how did I do this? As easy as 1-2-3:

1. Add the following before the closing body tag in your web app
   
   

   <script src="https://apps.na.collabserv.com/navbar/banner/partner/navBar?oneui=3" type="text/javascript"></script>

2. Add the following to the head tag
   
   

   <link href="http://apps.na.collabserv.com/theming/theme/css/3" rel="stylesheet" type="text/css"></link>

3. Add the following CSS classes to your opening body tag
   
   

   class="lotusui30 lotusui30_body lotusui30_fonts scloud3"

And if you look at the steps above, basically you are using 2 lines of code to do the integration. Easy!

For more information check out these links:

• Add the Connections banner to your app
• IBM Connections Cloud Navigation Tips & Tricks - Van Staub
• Seamless User Experience with IBM Connections Cloud - Paul Bastide
• Reuse the IBM Connections Cloud Banner in Apps - Niklas Heidloff
• How to Build a Hello World App for IBM Connections
• IBM Connections Developers - http://developer.ibm.com/social