Search-Driven Twitter Bootstrap Carousel in SharePoint 2013GP0|#65c849ad-5898-4c97-bd5e-0247fcdb2576;L0|#065c849ad-5898-4c97-bd5e-0247fcdb2576|Search Core Results;GTSet|#68e31ecf-dbe9-45e0-8a3c-fc6bd6ad0ce6;GPP|#1bc09cbd-f411-45d5-ad40-bb6b715fb72f;GPP|#a5205c2f-ad79-446f-8d9e-afd0eeecf427;GPP|#74f9ea2a-fcec-489f-9ca4-da563b559213 ​Content Search web part introduced in SharePoint 2013 is a powerful tool that lets you easily retrieve and customize the appearance of search results without ever writing a single line of server-side code. In this articel you will see how to display items from a SharePoint list in a Twitter Bootstrap Carousel on any page of your site using a Content Search web part and a custom control and item display templates.
Extending the SP2013/Office 365 search hover panel (e.g. adding “post to my feed” functionality)GP0|#65c849ad-5898-4c97-bd5e-0247fcdb2576;L0|#065c849ad-5898-4c97-bd5e-0247fcdb2576|Search Core Results;GTSet|#68e31ecf-dbe9-45e0-8a3c-fc6bd6ad0ce6;GPP|#1bc09cbd-f411-45d5-ad40-bb6b715fb72f;GPP|#a5205c2f-ad79-446f-8d9e-afd0eeecf427;GPP|#74f9ea2a-fcec-489f-9ca4-da563b559213;GP0|#a362bcc2-2314-4427-ae33-7a45e5012e3c;L0|#0a362bcc2-2314-4427-ae33-7a45e5012e3c|Display Template;GPP|#0b83bd4b-e1d8-4db2-b273-ee9f3f2efb1a ​The enhanced search experience is one of the great things about SharePoint 2013, and the “hover panel”, which shows more information about the result when you hover over it, is a key part of that. Being able to peek inside a document or presentation, or see a preview of a web page without clicking on the result makes for way more efficient searching. Just like search results themselves, the appearance and functionality of the hover panel can be easily extended with HTML, CSS and JavaScript – in this post I am providing some sample code I’ve used in conference talks, which I think highlights things in this area quite well. My sample could be used as-is or modified to provide some other customization to the hover panel.