I been asked to create a scrolling announcement for one of my SharePoint 2010 website and thought it was straight forward however googling for a while i realised many solution have lots of script to be done and some not working, i finally found an easier way to do the same; i have spend many hours to make this happen, by posting this hope will save some of your time.
How does this work ? This uses Content Query webpart and fetch data from Announcement list (Yes any number of announcements can be scrolled) and will display on the site, Here is a screenshot -
If you like it and would want to implement it here are the steps -
[I have done this and tested on SharePoint 2010 and IE 11/Chrome]
Step 1.
Create an Announcement list or use the one which is already in the SharePoint list (You can create any list as you wish)
Step 2.
Add a CQWP and fetch the item to display- in my case i set a new field called "Show Scroll" and in the CQWP filtered the items if set to Yes
Step 3.
I have added a new CQWP template as in the article - http://sharepointlogics.com/2014/02/sharepoint-2010-content-query-web-part.html editing the itemstyle.xsl. I have added "MarqueeTitleOnly" as the last template above -
You can find that in the download code Link here - http://1drv.ms/1jTqn7JHow does this work ? This uses Content Query webpart and fetch data from Announcement list (Yes any number of announcements can be scrolled) and will display on the site, Here is a screenshot -
If you like it and would want to implement it here are the steps -
[I have done this and tested on SharePoint 2010 and IE 11/Chrome]
Step 1.
Create an Announcement list or use the one which is already in the SharePoint list (You can create any list as you wish)
Step 2.
Add a CQWP and fetch the item to display- in my case i set a new field called "Show Scroll" and in the CQWP filtered the items if set to Yes
Step 3.
I have added a new CQWP template as in the article - http://sharepointlogics.com/2014/02/sharepoint-2010-content-query-web-part.html editing the itemstyle.xsl. I have added "MarqueeTitleOnly" as the last template above -
Find the edited item.xslt where i added a new template in the end, update yours appropriately -
Step 4.
Once after set the CQWP to use the new template you created -
That's all, set the CQWP with appropriate width so that it shows a scroll button on the right.
Now you have a kool news ticker/Scroller webpart which picks news from Announcement list and shows it on your HomePage....