How to Interact with Cricket Ticker in SharePoint 2013


Anne Jes Medon
SharePoint Developer
Published On :   26 Feb 2013
Visit Count
Today :  1    Total :   6661
Plan, Migrate, Secure, Report
SharePoint & Office 365 Tool. Simple & Easy to Use. 15-Day Trial!

SharePoint Office 365 Tool
Simple & Powerful Tool for Migration, Security & Reporting. Free Trial


Cricket Ticker being a popular one during the gaming season. It’s better to view the Cricket feed with in your page in SharePoint 2013. So here we need a JSON or Xml data to get the feed from the provider. In this project, Xml data was parsed by JQuery and used.

Step 1:

Open Visual Studio and create a project then add Visual Web Part to it.

clip_image002

Step 2:

Add the script and Jquery CDN in the head of your page and add div tag.

clip_image004

 <script type="text/javascript">
 
 $(document).ready(function () {
 
 $('#rss-ticker2').rssfeed('http://www.vcricket.com/rss/index.xml', {}, function (e) {
 
 $(e).find('div.rssBody').vTicker({ showItems: 1 });
 
 });
 
 });
 
 </script>
 
 <div id="rss-ticker2" style="width: 80%;"></div>

Step 3:

Rebuild and Deploy to get your live Feeds

clip_image006

SharePoint Usage Reports
Usage reports, collaboration and audit for SharePoint.
Categories

KWizCom Forms App