Tuesday, 22 July 2014

SharePoint Scrolling Announcement/ News Scroll for 2010/2013

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/1jTqn7J

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....

4 comments:

tnrdhd said...

I'm unable to follow the link to download the marquee template. Could you possibly assist me?

Joseph Jeethu said...

The Link should get you straight to the txt file, it could be blocked on your system? Posting the direct link again - https://onedrive.live.com/?cid=8d4cf512f8e08ce5&id=8D4CF512F8E08CE5%212038

Vince Gerretz said...

Nice Article. Was able to apply it.

Is there a way to only have one Marquee scroll bar and allow the CQWP to scroll through each listed item and then restart from the top of the list?

Any feedback would be appreciated.

Anonymous said...

Nice Article. Was able to apply it.

Is there a way to only have one Marquee scroll bar and allow the CQWP to scroll through each listed item and then restart from the top of the list?

Any feedback would be appreciated.

same here