Pages

Monday, February 10, 2014

And here we come. The 4th and final post on the code that I used during the IBM Connect 2014 keynote (the OGS!). If you need to catch up, here's Part 1, Part 2, and Part 3.

The next part of code that we created for the keynote demo was the file viewer. It's worth noting that we first did this file viewer to render IBM SmartCloud Connections files inside our portal. In the end, we ended showing this directly in the community landing page (which is one of the new features we announced -- the ability for community managers to create their own custom landing page for their community).

Here's how it looked:

Basically, in our demo community, we had 5 files and we showed the details of the file, a file preview, and when clicked, we did an animation to let you share/download the file (as you can see in the 3rd file above).

And here we come. The 4th and final post on the code that I used during the IBM Connect 2014 keynote (the OGS!). If you need to catch up, here's Part 1, Part 2, and Part 3.

The next part of code that we created for the keynote demo was the file viewer. It's worth noting that we first did this file viewer to render IBM SmartCloud Connections files inside our portal. In the end, we ended showing this directly in the community landing page (which is one of the new features we announced -- the ability for community managers to create their own custom landing page for their community).

Here's how it looked:

Basically, in our demo community, we had 5 files and we showed the details of the file, a file preview, and when clicked, we did an animation to let you share/download the file (as you can see in the 3rd file above).