Tuesday, April 21, 2015

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

View Comments
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:
blog comments powered by Disqus