This sample shows how to inject custom CSS to the host web using SP App. For more information on this sample, please see Vesa Juvonen's thorough blog post on the concept: http://blogs.msdn.com/b/vesku/archive/2014/05/14/connected-sharepoint-app-parts-with-signalr.aspx
A comprehensive video of the solution can be found at http://www.youtube.com/watch?v=_Duwtgn9rhc
- Office 365 Multi Tenant (MT)
- Office 365 Dedicated (D)
- SharePoint 2013 on-premises
Solution | Author(s) |
---|---|
Core.ConnectedAppParts | Vesa Juvonen (Microsoft) |
Version | Date | Comments |
---|---|---|
1.0 | May 14th 2014 | Initial release |
THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.
One of the classic questions related on the SharePoint app parts is their capability to connect between each other. This has been classic scenario with web parts since the dawn of the SharePoint, so question is pretty understandable. Since app parts are essentially IFrames in steroids, they don't natively support similar connectivity models as the classic web parts, but we can solve the requirement using alternative approach.
We have basically two different options for the connectivity with the app parts:
- Client side approach
- Server-side approach
This sample leverages a server-side approach using ASP.NET SignalR. SignalR allows app parts to communicate to each through active socket connections with the server. Ultimately the web server serves the purpose of a communication "proxy" between app parts as depicted in the diagram below