Display Item Details in a CallOut on Hover Over of Item Title in SharePoint 2013,Display CallOut on Hover Over Item Title in SharePoint 2013
CallOuts is a great new addition in SharePoint 2013.They can be very useful when you need to show Item Description or Preview on Hover Over of an Item or Announcement that is added in your SharePoint 2013 site.If you are new to CallOuts Check out our SharePoint 2013 CallOut Tutorial
In this blog post we would look at an example of How to Display Announcement Description in CallOut when a user Hover Overs the Announcement Title displayed on a SharePoint 2013 site page.
All the announcements displayed are pulled in using JSON response for Announcements added in one of the announcements list.
Here is the resulting Screen –
To Implement this Download the Script and follow the Steps below.
1. Download the above script and open it in a Notepad.Replace the URL of the announcements list in the script with the url of the List from your site.
Replace – “https://yourSPSite/_vti_bin/ListData.svc/Announcements“;
2. Next copy and paste the script in a Script Editor WebPart on your SharePoint 2013 site Page.
5. Next hover Over each announcement Title to see the CallOut with description. The description is not truncated in this example.
also see a Related Example where you can Create a quick Contact Us form with Custom CallOuts at Create a Quick Contact Us or FeedBack Form in SharePoint 2013 (using CallOuts)
Original article : Here