Customize it!
Make IBM Connections look your way – Klaus Bild
About me
kbild.ch
twitter.com/kbild
linkedin.com/in/kbild
Agenda
• EasyEasy (User Interface, Notifications)(User Interface, Notifications)
• IntermediateIntermediate (Blog, Communi...
Agenda
• EasyEasy -> css, jsp, well documented-> css, jsp, well documented
• IntermediateIntermediate -> wsadmin-> wsadmin...
So, who are you?
Goal
Show you what can beShow you what can be customizedcustomized
and give you aand give you a starting pointstarting poi...
Easy – User Interface - Example
Custom Menu
Custom permanent Link
Custom colors, logos, styles
User Interface – How to
• For all these changes only 2 filesFor all these changes only 2 files
were changed and 3 were add...
User Interface – How to
User Interface – Resources
• Customizing the user interfaceCustomizing the user interface
http://www-10.lotus.com/ldd/lcwi...
Notifications - Example
Custom text
Custom colors, logo
Notifications – How to
• For all these changes 3 filesFor all these changes 3 files
were changed and 1 was addedwere chang...
Notifications – How to
• Special Tipp: Enable mobile links in notificationsSpecial Tipp: Enable mobile links in notificati...
Notifications – Resources
• Customizing notificationsCustomizing notifications
http://www-10.lotus.com/ldd/lcwiki.nsf/dx/h...
Intermediate - Blog - Example
Blog – Remarks
• You can only customize non CommunityYou can only customize non Community
Blogs!Blogs!
• I don’t see a cle...
Blog – Resources
• Customizing a blog themeCustomizing a blog theme
httphttp://www-10.lotus.com/ldd/lcwiki.nsf/dx/://www-1...
Communities - Example
Communities – How to
• TakeTake defaultTheme.cssdefaultTheme.css as template and createas template and create
a new theme ...
Communities – How to
• Add your new theme to CommunitiesAdd your new theme to Communities
– Check outCheck out communities...
Communities – How to
• Take the NextGenTake the NextGen defaultTheme.cssdefaultTheme.css if you areif you are
using this t...
Communities – Resources
• Adding a custom theme to CommunitiesAdding a custom theme to Communities
http://www-10.lotus.com...
Profiles - Example
Added home address which can be opened in Google Maps
Click to Call Additional Tab
Profiles – How to – Home address
• Create a resource bundle for your labelsCreate a resource bundle for your labels
– Chec...
Profiles – How to – Home address
• Check outCheck out profiles-config.xmlprofiles-config.xml and add attributeand add attr...
Profiles – How to – Home address
• Open profileDetails.ftl and add following code to theOpen profileDetails.ftl and add fo...
Profiles – How to – Home address
• OpenOpen profileEdit.ftlprofileEdit.ftl and add following code to theand add following ...
Profiles – Resources
• Customizing ProfilesCustomizing Profiles httphttp://www-10.lotus.com/ldd/lcwiki.nsf/dx/://www-10.lo...
Advanced - Media gallery object types - Example
• A new photo template with 4 fields addedA new photo template with 4 fiel...
Media gallery object types – How to
• Create XML document that defines CMIS (ContentCreate XML document that defines CMIS ...
Media gallery object types – How to
• This is how aThis is how a
choice listchoice list
looks likelooks like
Media gallery object types – Resources
• Import the new object typeImport the new object type
– FilesObjectTypeService.imp...
Media gallery object types – Resources
• Creating custom media gallery object typesCreating custom media gallery object ty...
Document Types (CCM) - Example
Document Types (CCM) – How to
• Open the Administration Console for ContentOpen the Administration Console for Content
Pla...
Document Types (CCM) – How to
• Open as community owner a communityOpen as community owner a community
where you want to u...
Document Types (CCM) – Resources
• Creating and managing document typesCreating and managing document types
http://www-10....
Pro -Richtext Editor - Example
• Adding of 3 plugins:Adding of 3 plugins: http://www.youtube.com/watch?v=tFpkBOoOmaEhttp:/...
How to – Business Card
• You have to know how to create CKEditorYou have to know how to create CKEditor
PluginsPlugins
• P...
How to – Business Card
• CopyCopy ckeditor.jsckeditor.js from insidefrom inside
…sharedprovisionwebresourcescom.ibm.lconn....
Richtext Editor – Resources
• CKEditor TutorialsCKEditor Tutorials
http://docs.cksource.com/CKEditor_3.x/http://docs.cksou...
Reports - Example
Number of visits per
App over the time
Reports – How to
• Define the custom report & checkDefine the custom report & check
dimensions/events – Pencil&Paperdimens...
Reports – Resources
• Community report customization forCommunity report customization for
Connections 4.0 MetricsConnecti...
Extras - Desktop Plugin - Example
It’s possible to customize images/text
Desktop Plugin – How to (1)
• Edit the registry settings:Edit the registry settings:
[HKEY_CLASSES_ROOTCLSID{21034BDC-B57E...
Desktop Plugin – How to (2)
[HKEY_LOCAL_MACHINESOFTWAREWow6432NodeIBMSocial[HKEY_LOCAL_MACHINESOFTWAREWow6432NodeIBMSocial...
Desktop Plugin – Resources
• Customizing the branding strings and images forCustomizing the branding strings and images fo...
Wiki Welcome - Example
It’s possible to customize the page title and html code
Wiki Welcome – How to
• CreateCreate
com.ibm.lconn.share.services.handlers.wiki.nls.WikiWelcomeMessages_*.propertiescom.ib...
Wiki Welcome – Resources
• Customizing the Wikis welcome pageCustomizing the Wikis welcome pagehttphttp
://www-10.lotus.co...
Mobile App - Example
Mobile App – How to
• Check outCheck out mobile-config.xmlmobile-config.xml and add followingand add following
Mobile App – How to
• Check inCheck in mobile-config.xmlmobile-config.xml and add images toand add images to
…customizatio...
Mobile App – Resources
• Mobile configuration propertiesMobile configuration properties
http://www-10.lotus.com/ldd/lcwiki...
Further Resources
• Customizing the IBM Connections 3.0.1 UI: Different Themes in a SingleCustomizing the IBM Connections ...
What you have not seen
• WidgetsWidgets
• Open Social gadgetsOpen Social gadgets
• Custom ApplicationsCustom Applications
What you have seen
Questions?Questions?
Thank you!Thank you!
kbild.ch
twitter.com/kbild
linkedin.com/in/kbild
Grazie agli sponsor per aver reso possibile i
Dominopoint Days 2013!
Main SponsorMain Sponsor
Vad sponsorVad sponsor
Plati...
Upcoming SlideShare
Loading in …5
×

IBM Connection - customize it, #dd13

1,072 views

Published on

How customize IBM Connection

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,072
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

IBM Connection - customize it, #dd13

  1. 1. Customize it! Make IBM Connections look your way – Klaus Bild
  2. 2. About me kbild.ch twitter.com/kbild linkedin.com/in/kbild
  3. 3. Agenda • EasyEasy (User Interface, Notifications)(User Interface, Notifications) • IntermediateIntermediate (Blog, Communities, Profiles)(Blog, Communities, Profiles) • AdvancedAdvanced (Document types, Media gallery(Document types, Media gallery object types)object types) • ProPro (Richtext Editor, Reports)(Richtext Editor, Reports) • ExtrasExtras (Desktop Plugin/Wikis(Desktop Plugin/Wikis Welcome/Mobile App)Welcome/Mobile App)
  4. 4. Agenda • EasyEasy -> css, jsp, well documented-> css, jsp, well documented • IntermediateIntermediate -> wsadmin-> wsadmin • AdvancedAdvanced -> badly documented, xml, Admin-> badly documented, xml, Admin UIUI’’ss • ProPro -> complex, tools/editors, bad documented-> complex, tools/editors, bad documented
  5. 5. So, who are you?
  6. 6. Goal Show you what can beShow you what can be customizedcustomized and give you aand give you a starting pointstarting point forfor youryour own customizationsown customizations
  7. 7. Easy – User Interface - Example Custom Menu Custom permanent Link Custom colors, logos, styles
  8. 8. User Interface – How to • For all these changes only 2 filesFor all these changes only 2 files were changed and 3 were addedwere changed and 3 were added – …customizationcommonnavtemplates…customizationcommonnavtemplatesheader.jspheader.jsp – ……com.ibm.social.gen4.theme_4.0.0.20130627-com.ibm.social.gen4.theme_4.0.0.20130627- 1409.jarresourcescssdefaultTheme1409.jarresourcescssdefaultThemedefaultTheme.cssdefaultTheme.css – ……customizationcommonnavtemplatesmenucustomizationcommonnavtemplatesmenubelsoft.jspbelsoft.jsp – belsoftsolutions.png, question.pngbelsoftsolutions.png, question.png
  9. 9. User Interface – How to
  10. 10. User Interface – Resources • Customizing the user interfaceCustomizing the user interface http://www-10.lotus.com/ldd/lcwiki.nsf/dx/http://www-10.lotus.com/ldd/lcwiki.nsf/dx/Customizing_the_user_interface_ic45Customizing_the_user_interface_ic45 • Customization of the Next Gen ThemeCustomization of the Next Gen Theme http://kbild.ch/2013/07/customization-of-the-next-gen-theme-for-ibm-connectionshttp://kbild.ch/2013/07/customization-of-the-next-gen-theme-for-ibm-connections//
  11. 11. Notifications - Example Custom text Custom colors, logo
  12. 12. Notifications – How to • For all these changes 3 filesFor all these changes 3 files were changed and 1 was addedwere changed and 1 was added • …resourcesnls…resourcesnlsnotification.propertiesnotification.properties (text)(text) • ……newsresourcesnlsnewsresourcesnlsnotification.propertiesnotification.properties (text)(text) • ……newsaggregatednewsaggregatedstyle.ftlstyle.ftl (colors, logo)(colors, logo) • Added …resourcesimagesAdded …resourcesimagesbelsoft.pngbelsoft.png Full path:Full path: WAS_profilesDmgr01configcellsCELLLotusConnections-confignotificationsWAS_profilesDmgr01configcellsCELLLotusConnections-confignotifications
  13. 13. Notifications – How to • Special Tipp: Enable mobile links in notificationsSpecial Tipp: Enable mobile links in notifications ->-> notification-config.xmlnotification-config.xml <property<property name="includeMobileLinksInNotifications">name="includeMobileLinksInNotifications">truetrue</property></property>
  14. 14. Notifications – Resources • Customizing notificationsCustomizing notifications http://www-10.lotus.com/ldd/lcwiki.nsf/dx/http://www-10.lotus.com/ldd/lcwiki.nsf/dx/Customizing_notifications_ic45Customizing_notifications_ic45 • Including mobile links in notificationsIncluding mobile links in notifications http://www-10.lotus.com/ldd/lcwiki.nsf/dx/http://www-10.lotus.com/ldd/lcwiki.nsf/dx/Including_mobile_links_in_notifications_ic45Including_mobile_links_in_notifications_ic45
  15. 15. Intermediate - Blog - Example
  16. 16. Blog – Remarks • You can only customize non CommunityYou can only customize non Community Blogs!Blogs! • I don’t see a clear “roadmap” for BlogI don’t see a clear “roadmap” for Blog customizationscustomizations • I would not recommend to customize BlogsI would not recommend to customize Blogs
  17. 17. Blog – Resources • Customizing a blog themeCustomizing a blog theme httphttp://www-10.lotus.com/ldd/lcwiki.nsf/dx/://www-10.lotus.com/ldd/lcwiki.nsf/dx/Customizing_a_blog_theme_ic45Customizing_a_blog_theme_ic45 • Many customization examples like Tweet buttonMany customization examples like Tweet button (Bob Leah)(Bob Leah) https://www.ibm.com/developerworks/community/blogs/https://www.ibm.com/developerworks/community/blogs/bobleahbobleah
  18. 18. Communities - Example
  19. 19. Communities – How to • TakeTake defaultTheme.cssdefaultTheme.css as template and createas template and create a new theme css (a new theme css (namenameTheme.cssTheme.css) in folder) in folder …customizationthemes…customizationthemesnamenameThemeTheme
  20. 20. Communities – How to • Add your new theme to CommunitiesAdd your new theme to Communities – Check outCheck out communities-config.xmlcommunities-config.xml and add themeand add theme – CheckinCheckin communities-config.xmlcommunities-config.xml – AddAdd com.ibm.lconn.communities.strings.ui.propertiescom.ibm.lconn.communities.strings.ui.properties to strings folderto strings folder and add your labelsand add your labels
  21. 21. Communities – How to • Take the NextGenTake the NextGen defaultTheme.cssdefaultTheme.css if you areif you are using this theme and change all relative paths tousing this theme and change all relative paths to absoluteabsolute ../../sprite/sprite16.png - >../../sprite/sprite16.png - > /com.ibm.social.gen4.theme/sprite/sprite16.png/com.ibm.social.gen4.theme/sprite/sprite16.png • Pay special attention where you place imagesPay special attention where you place images
  22. 22. Communities – Resources • Adding a custom theme to CommunitiesAdding a custom theme to Communities http://www-10.lotus.com/ldd/lcwiki.nsf/dx/http://www-10.lotus.com/ldd/lcwiki.nsf/dx/Adding_a_custom_theme_to_Communities_ic45Adding_a_custom_theme_to_Communities_ic45 • Branding Communities in IBM ConnectionsBranding Communities in IBM Connections (Jerald Mahurin)(Jerald Mahurin)httphttp ://www.sociallycurious.com/2013/05/21/branding-communities-ibm-://www.sociallycurious.com/2013/05/21/branding-communities-ibm-connectionsconnections
  23. 23. Profiles - Example Added home address which can be opened in Google Maps Click to Call Additional Tab
  24. 24. Profiles – How to – Home address • Create a resource bundle for your labelsCreate a resource bundle for your labels – Check outCheck out LotusConnections-config.xmlLotusConnections-config.xml and add bundleand add bundle – – Check inCheck in LotusConnections-config.xmlLotusConnections-config.xml – Create property file for each languageCreate property file for each language
  25. 25. Profiles – How to – Home address • Check outCheck out profiles-config.xmlprofiles-config.xml and add attributeand add attribute • DO NOT Check inDO NOT Check in profiles-config.xmlprofiles-config.xml YETYET • OpenOpen profiles-types.xmlprofiles-types.xml and addand add
  26. 26. Profiles – How to – Home address • Open profileDetails.ftl and add following code to theOpen profileDetails.ftl and add following code to the contactInformation section:contactInformation section: <@util.renderProperty ref="<@util.renderProperty ref="heimadresseheimadresse" nlsBundle="" nlsBundle="belsoftbelsoft"" nlsKey="nlsKey="label.belsoft.homeAddresslabel.belsoft.homeAddress" hideIfEmpty=true ; ref," hideIfEmpty=true ; ref, dataId, dataKey, nlsKey, nlsBundle>dataId, dataKey, nlsKey, nlsBundle> <tr><tr> <th scope="row”><@util.renderNls nlsKey=nlsKey<th scope="row”><@util.renderNls nlsKey=nlsKey nlsBundle=nlsBundle/>nlsBundle=nlsBundle/></th></th> <td><p><td><p> <a target="_blank" href="<a target="_blank" href="http://google.com/maps?http://google.com/maps? q=q=<@util.renderValue ref=ref/><@util.renderValue ref=ref/>" >" > <@util.renderValue ref=ref/><@util.renderValue ref=ref/> </a></a> </p></td></tr></p></td></tr>
  27. 27. Profiles – How to – Home address • OpenOpen profileEdit.ftlprofileEdit.ftl and add following code to theand add following code to the contactInformation section:contactInformation section: <@util.renderFormControl ref="<@util.renderFormControl ref="heimadresseheimadresse"" singleColumnLayout=false nlsBundle="singleColumnLayout=false nlsBundle="belsoftbelsoft"" nlsKey="nlsKey="label.belsoft.homeAddresslabel.belsoft.homeAddress"/>"/> • Check inCheck in profiles-config.xmlprofiles-config.xml and restart profiles appand restart profiles app • Power Tipp: If you enable templateReloading inPower Tipp: If you enable templateReloading in profiles-config.xmlprofiles-config.xml you don’t have to restart the app!you don’t have to restart the app!
  28. 28. Profiles – Resources • Customizing ProfilesCustomizing Profiles httphttp://www-10.lotus.com/ldd/lcwiki.nsf/dx/://www-10.lotus.com/ldd/lcwiki.nsf/dx/ Customizing_Profiles_ic45Customizing_Profiles_ic45 • Customizing IBM Connections 4.0 ProfilesCustomizing IBM Connections 4.0 Profiles http://www-10.lotus.com/ldd/lcwiki.nsf/dx/http://www-10.lotus.com/ldd/lcwiki.nsf/dx/Customizing_IBM_Connections_4.0_ProfilesCustomizing_IBM_Connections_4.0_Profiles • Profile Types and locking profile featuresProfile Types and locking profile features (Wannes Rams)(Wannes Rams) httphttp://www.slideshare.net/palmke/profile-types-and-locking-profile-features-://www.slideshare.net/palmke/profile-types-and-locking-profile-features-1549893115498931 • A Profiles is the key to a users’ ConnectionsA Profiles is the key to a users’ Connections identity. Exploit it!identity. Exploit it! (Stuart McIntyre&Wannes Rams)(Stuart McIntyre&Wannes Rams) httphttp://www.slideshare.net/palmke/profile-types-and-locking-profile-features-://www.slideshare.net/palmke/profile-types-and-locking-profile-features-1549893115498931
  29. 29. Advanced - Media gallery object types - Example • A new photo template with 4 fields addedA new photo template with 4 fields added
  30. 30. Media gallery object types – How to • Create XML document that defines CMIS (ContentCreate XML document that defines CMIS (Content Management Interoperability Services) object type for yourManagement Interoperability Services) object type for your custom photo or video filecustom photo or video file • Add the key value pairs toAdd the key value pairs to com.ibm.lconn.files.strings.cmis_*.propertiescom.ibm.lconn.files.strings.cmis_*.properties
  31. 31. Media gallery object types – How to • This is how aThis is how a choice listchoice list looks likelooks like
  32. 32. Media gallery object types – Resources • Import the new object typeImport the new object type – FilesObjectTypeService.importType("path_cmis_file"FilesObjectTypeService.importType("path_cmis_file" )) • Restart the Files appRestart the Files app • Add the new templateAdd the new template as default template foras default template for a communitya community
  33. 33. Media gallery object types – Resources • Creating custom media gallery object typesCreating custom media gallery object types http://www-10.lotus.com/ldd/lcwiki.nsf/dx/Creating_custom_media_gallery_object_types_ic45http://www-10.lotus.com/ldd/lcwiki.nsf/dx/Creating_custom_media_gallery_object_types_ic45 • Files administrative commandsFiles administrative commands http://www-10.lotus.com/ldd/lcwiki.nsf/dx/http://www-10.lotus.com/ldd/lcwiki.nsf/dx/Files_administrative_commands_ic45Files_administrative_commands_ic45 • Having fun with CMIS object types in IBMHaving fun with CMIS object types in IBM ConnectionsConnections http://kbild.ch/2013/08/fun-cmis-object-types-ibm-connectionshttp://kbild.ch/2013/08/fun-cmis-object-types-ibm-connections//
  34. 34. Document Types (CCM) - Example
  35. 35. Document Types (CCM) – How to • Open the Administration Console for ContentOpen the Administration Console for Content Platform Engine (Platform Engine (http://yourserver.com/accehttp://yourserver.com/acce)) and logon as CCM Adminand logon as CCM Admin • Open theOpen the ICObjectStoreICObjectStore and add your newand add your new fields tofields to Data Design – Property TemplatesData Design – Property Templates • Create new Document Type inCreate new Document Type in Data Design –Data Design – Classes - DocumentClasses - Document
  36. 36. Document Types (CCM) – How to • Open as community owner a communityOpen as community owner a community where you want to use the new documentwhere you want to use the new document typetype • Go toGo to Community Actions – Edit Community –Community Actions – Edit Community – LibraryLibrary and allow members to change theand allow members to change the Document TypeDocument Type
  37. 37. Document Types (CCM) – Resources • Creating and managing document typesCreating and managing document types http://www-10.lotus.com/ldd/lcwiki.nsf/dx/http://www-10.lotus.com/ldd/lcwiki.nsf/dx/Creating_and_managing_document_types_ic45Creating_and_managing_document_types_ic45 • Create new document types in IBM ConnectionsCreate new document types in IBM Connections Content ManagerContent Manager (Roberto Boccadoro)(Roberto Boccadoro)httphttp ://www-10.lotus.com/ldd/lcwiki.nsf/dx/://www-10.lotus.com/ldd/lcwiki.nsf/dx/ Create_new_document_types_in_IBM_Connections_Content_ManagerCreate_new_document_types_in_IBM_Connections_Content_Manager
  38. 38. Pro -Richtext Editor - Example • Adding of 3 plugins:Adding of 3 plugins: http://www.youtube.com/watch?v=tFpkBOoOmaEhttp://www.youtube.com/watch?v=tFpkBOoOmaE Maximize As the name suggests, it maximizes the editor inside a browser window Templates This plugin provides a dialog to offer predefined content templates – with page layout, text formatting and styles. Business Card hover This custom build plugin lets you easily add links to a persons Business Card (hover effect)
  39. 39. How to – Business Card • You have to know how to create CKEditorYou have to know how to create CKEditor PluginsPlugins • Place your plugin inPlace your plugin in …customizationjavascriptcomibmoneuickeditoreditorplugins…customizationjavascriptcomibmoneuickeditoreditorplugins
  40. 40. How to – Business Card • CopyCopy ckeditor.jsckeditor.js from insidefrom inside …sharedprovisionwebresourcescom.ibm.lconn.…sharedprovisionwebresourcescom.ibm.lconn.blogsblogs.web.resources_*.jar.web.resources_*.jar toto D:IBMDatasharedcustomizationjavascriptlconnD:IBMDatasharedcustomizationjavascriptlconnblogsblogs (or (or wikiswikis)) • Add the new plugin toAdd the new plugin to ckeditor.jsckeditor.js
  41. 41. Richtext Editor – Resources • CKEditor TutorialsCKEditor Tutorials http://docs.cksource.com/CKEditor_3.x/http://docs.cksource.com/CKEditor_3.x/TutorialsTutorials • Tutorial – Extending the IBM Connections RichTutorial – Extending the IBM Connections Rich Text Editor (Rob Novak)Text Editor (Rob Novak) httphttp ://ibmrockstar.com/2013/05/tutorial-extending-the-ibm-connections-rich-text-://ibmrockstar.com/2013/05/tutorial-extending-the-ibm-connections-rich-text-editoreditor
  42. 42. Reports - Example Number of visits per App over the time
  43. 43. Reports – How to • Define the custom report & checkDefine the custom report & check dimensions/events – Pencil&Paperdimensions/events – Pencil&Paper • Create Report with IBM Cognos Report StudioCreate Report with IBM Cognos Report Studio ((I would recommend to use Firefox Version 3.5/3.6!I would recommend to use Firefox Version 3.5/3.6!)) • Add Report to Global/Community Report listAdd Report to Global/Community Report list
  44. 44. Reports – Resources • Community report customization forCommunity report customization for Connections 4.0 MetricsConnections 4.0 Metrics http://www-10.lotus.com/ldd/lcwiki.nsf/dx/Community_report_customization_for_Connections_4.0http://www-10.lotus.com/ldd/lcwiki.nsf/dx/Community_report_customization_for_Connections_4.0 • Create new Cognos metrics reportCreate new Cognos metrics report http://www-10.lotus.com/ldd/lcwiki.nsf/dx/Connections_4.0_Metrics_customizationcol_create_newhttp://www-10.lotus.com/ldd/lcwiki.nsf/dx/Connections_4.0_Metrics_customizationcol_create_new • Customizing reports based on the eventsCustomizing reports based on the events captured in Metrics 4.0captured in Metrics 4.0 http://www-10.lotus.com/ldd/lcwiki.nsf/dx/Customizing_reports_based_on_the_events_captured_ihttp://www-10.lotus.com/ldd/lcwiki.nsf/dx/Customizing_reports_based_on_the_events_captured_i • Give your community owners the reports they really needGive your community owners the reports they really need http://www.slideshare.net/kbild/give-your-community-owners-the-reports-they-really-needhttp://www.slideshare.net/kbild/give-your-community-owners-the-reports-they-really-need
  45. 45. Extras - Desktop Plugin - Example It’s possible to customize images/text
  46. 46. Desktop Plugin – How to (1) • Edit the registry settings:Edit the registry settings: [HKEY_CLASSES_ROOTCLSID{21034BDC-B57E-400B-A5D5-2B1E98502805}][HKEY_CLASSES_ROOTCLSID{21034BDC-B57E-400B-A5D5-2B1E98502805}] @="@="Belsoft ConnectionsBelsoft Connections"" "InfoTip"=""InfoTip"="Belsoft ConnectionsBelsoft Connections"" [HKEY_CLASSES_ROOTCLSID{21034BDC-B57E-400B-A5D5-[HKEY_CLASSES_ROOTCLSID{21034BDC-B57E-400B-A5D5- 2B1E98502805}DefaultIcon]2B1E98502805}DefaultIcon] @="@="C:PATH_TO_IMAGEimage256.icoC:PATH_TO_IMAGEimage256.ico"" [HKEY_LOCAL_MACHINESOFTWAREWow6432NodeIBMSocial ConnectorsBranding][HKEY_LOCAL_MACHINESOFTWAREWow6432NodeIBMSocial ConnectorsBranding] "Main Title"=""Main Title"="Belsoft ConnectionsBelsoft Connections"" [HKEY_LOCAL_MACHINESOFTWAREWow6432NodeIBMSocial[HKEY_LOCAL_MACHINESOFTWAREWow6432NodeIBMSocial ConnectorsBrandingMonitor]ConnectorsBrandingMonitor] "SystemTray Idle Image"=""SystemTray Idle Image"="C:PATH_TO_IMAGEimage16.icoC:PATH_TO_IMAGEimage16.ico"" "SystemTray Pending Image"=""SystemTray Pending Image"="C:PATH_TO_IMAGEimage16pending.icoC:PATH_TO_IMAGEimage16pending.ico"" "SystemTray Busy Image"=""SystemTray Busy Image"="C:PATH_TO_IMAGEimage16busy.icoC:PATH_TO_IMAGEimage16busy.ico"" "SystemTray Title"=""SystemTray Title"="Belsoft ConnectionsBelsoft Connections""
  47. 47. Desktop Plugin – How to (2) [HKEY_LOCAL_MACHINESOFTWAREWow6432NodeIBMSocial[HKEY_LOCAL_MACHINESOFTWAREWow6432NodeIBMSocial ConnectorsBrandingOffice]ConnectorsBrandingOffice] "Backstage SendTo Image"=""Backstage SendTo Image"="C:PATH_TO_IMAGEimage32.bmpC:PATH_TO_IMAGEimage32.bmp"" "Backstage SendTo Title"=""Backstage SendTo Title"="Belsoft ConnectionsBelsoft Connections"" "RibbonTab Title"=""RibbonTab Title"="Belsoft ConnectionsBelsoft Connections"" [HKEY_LOCAL_MACHINESOFTWAREWow6432NodeIBMSocial[HKEY_LOCAL_MACHINESOFTWAREWow6432NodeIBMSocial ConnectorsBrandingOutlook]ConnectorsBrandingOutlook] "ContextMenu ContactCard Image"=""ContextMenu ContactCard Image"="C:PATH_TO_IMAGEimage16.bmpC:PATH_TO_IMAGEimage16.bmp"" "ContextMenu ContactCard Title"=""ContextMenu ContactCard Title"="Belsoft ConnectionsBelsoft Connections"" "Menu Title"=""Menu Title"=" Belsoft ConnectionsBelsoft Connections"" "Toolbar Title"=""Toolbar Title"="Belsoft ConnectionsBelsoft Connections"" "Inspector RibbonTab Title"=""Inspector RibbonTab Title"="Belsoft ConnectionsBelsoft Connections"" "Explorer RibbonTab Title"=""Explorer RibbonTab Title"="Belsoft ConnectionsBelsoft Connections"" [HKEY_LOCAL_MACHINESOFTWAREWow6432NodeIBMSocial[HKEY_LOCAL_MACHINESOFTWAREWow6432NodeIBMSocial ConnectorsBrandingShellExt]ConnectorsBrandingShellExt] "ContextMenu Image"=""ContextMenu Image"="C:PATH_TO_IMAGEimage13.bmpC:PATH_TO_IMAGEimage13.bmp"" "ContextMenu Title"=""ContextMenu Title"=" Belsoft ConnectionsBelsoft Connections""
  48. 48. Desktop Plugin – Resources • Customizing the branding strings and images forCustomizing the branding strings and images for the desktop plug-inthe desktop plug-in httphttp://www-10.lotus.com/ldd/lcwiki.nsf/dx/://www-10.lotus.com/ldd/lcwiki.nsf/dx/ Customizing_the_branding_strings_and_images_for_the_desktop_plugin_lv45Customizing_the_branding_strings_and_images_for_the_desktop_plugin_lv45
  49. 49. Wiki Welcome - Example It’s possible to customize the page title and html code
  50. 50. Wiki Welcome – How to • CreateCreate com.ibm.lconn.share.services.handlers.wiki.nls.WikiWelcomeMessages_*.propertiescom.ibm.lconn.share.services.handlers.wiki.nls.WikiWelcomeMessages_*.properties in …customizationstrings and add your title, htmlin …customizationstrings and add your title, html codecode • Restart the Wiki AppRestart the Wiki App
  51. 51. Wiki Welcome – Resources • Customizing the Wikis welcome pageCustomizing the Wikis welcome pagehttphttp ://www-10.lotus.com/ldd/lcwiki.nsf/dx/://www-10.lotus.com/ldd/lcwiki.nsf/dx/Customizing_the_Wikis_welcome_page_ic45Customizing_the_Wikis_welcome_page_ic45
  52. 52. Mobile App - Example
  53. 53. Mobile App – How to • Check outCheck out mobile-config.xmlmobile-config.xml and add followingand add following
  54. 54. Mobile App – How to • Check inCheck in mobile-config.xmlmobile-config.xml and add images toand add images to …customizationmobile…customizationmobile • Sync nodes and restart Mobile AppSync nodes and restart Mobile App
  55. 55. Mobile App – Resources • Mobile configuration propertiesMobile configuration properties http://www-10.lotus.com/ldd/lcwiki.nsf/dx/http://www-10.lotus.com/ldd/lcwiki.nsf/dx/Mobile_configuration_properties_ic45Mobile_configuration_properties_ic45
  56. 56. Further Resources • Customizing the IBM Connections 3.0.1 UI: Different Themes in a SingleCustomizing the IBM Connections 3.0.1 UI: Different Themes in a Single Installation (Roberto Boccadoro, Andrea Fontana)Installation (Roberto Boccadoro, Andrea Fontana)httphttp://www-://www- 10.lotus.com/ldd/lcwiki.nsf/dx/Customizing_the_IBM_Connections_3.0.110.lotus.com/ldd/lcwiki.nsf/dx/Customizing_the_IBM_Connections_3.0.1 _UI_Different_Themes_in_a_Single_Installation_UI_Different_Themes_in_a_Single_Installation • AusLUG 2011 customising ibm connections (Adam Brown)AusLUG 2011 customising ibm connections (Adam Brown) http://de.slideshare.net/adambrownaus/auslug-2011-customising-ibm-http://de.slideshare.net/adambrownaus/auslug-2011-customising-ibm- connectionsconnections • IBM Redbooks: Customizing IBM Connections 3.0.1IBM Redbooks: Customizing IBM Connections 3.0.1 http://www-10.lotus.com/ldd/lcwiki.nsf/xpViewCategories.xsp?http://www-10.lotus.com/ldd/lcwiki.nsf/xpViewCategories.xsp? lookupName=IBM%20Redbooks:%20Customizing%20IBM%20ConnectionslookupName=IBM%20Redbooks:%20Customizing%20IBM%20Connections %203.0.1%203.0.1 • Customizing & Beautifying Connections – WhoCustomizing & Beautifying Connections – Who’’s the fairest of them all?s the fairest of them all? (Sharon Bellamy)(Sharon Bellamy) http://www.slideshare.net/dilftechnical/connections-customization-litehttp://www.slideshare.net/dilftechnical/connections-customization-lite
  57. 57. What you have not seen • WidgetsWidgets • Open Social gadgetsOpen Social gadgets • Custom ApplicationsCustom Applications
  58. 58. What you have seen
  59. 59. Questions?Questions? Thank you!Thank you! kbild.ch twitter.com/kbild linkedin.com/in/kbild
  60. 60. Grazie agli sponsor per aver reso possibile i Dominopoint Days 2013! Main SponsorMain Sponsor Vad sponsorVad sponsor Platinum sponsorPlatinum sponsor Gold sponsorGold sponsor

×