AMREIN ENGINEERING SharePoint Web Parts   |   Office 365 Web Parts   |   Partners   |   Support   |   Search   |   About us   |   Home  
  AE Sharepoint News Carousel Web Part Deutsch English  

Sharepoint Web Parts  

Digital Clock Web Part  

Stock Chart Web Part  

Stock Quotes Web Part  

Dilbert Web Part  

Quote of the Day Web Part  

"Spotlight On.." Web Part  

"Tip of the Day" Web Part  

Lightbox Web Part  

Weather Web Part  

Slideshow Web Part  

Currency Rates Web Part  

Media Player Web Part  

YouTube Player Web Part  

Map Chart Web Part  

Org Chart Web Part  

Tiles Web Part  

Google Chart Web Part  

Hero Web Part  

Bullet Graph Web Part  

RSS Feed Ticker Web Part  

SQL Viewer Web Part  

Google Map Web Part  

Quick Poll Web Part  

Quick Survey Web Part  

Audio Player Web Part  

Google GeoMapper Web Part  

SQL Chart Web Part  

Exchange Calendar Web Part  

Podcast Web Part  

Filter Web Part  

Image Rotator Web Part  

Navigator Web Part  

KPI Web Part  

Page Hits Web Part  

Picture Menu Web Part  

Timer Web Part  

Van Gogh Web Part  

SQL Bullet Graph Web Part  

User Spotlight Web Part  

List View Web Part  

Staff Directory Web Part  

Birthday Reminder Web Part  

News Carousel Web Part  

Team Members Web Part  

Christmas Web Part  

Classifieds Web Part  

Image Menu Carousel Web Part  

Google Earth Web Part  

Timeline Web Part  

Banner Rotator Web Part  

AZ Index Web Part  

Blog Roll Up Web Part  

Discussion Roll Up Web Part  

Document Roll Up Web Part  

News Roll Up Web Part  

Task Roll Up Web Part  

Calendar Roll Up Web Part  

Quick Form Web Part  

Twitter Web Part  

Upcoming Events Web Part  

Welcome Web Part  

Color Calendar Web Part  

Image Carousel Web Part  

Metro Grid Web Part  

Goal Thermometer Web Part  

Swipe Gallery Web Part  

List Rotator Web Part  

List Search Web Part  

Flash Rotator Web Part  

Accordion & Tabs List Bundle  

Accordion List Web Part  

Tabs List Web Part  

Microblog/Chat Web Part  

Toast Notifications  

Vacation Planner Web Part  

Multilevel Tile Web Part  

Inspired Tiles Web Part  

Facebook Timeline Web Part  

Zip Creator  

Web Part Support  

Web Part Bundle  

Microsoft Sharepoint Web Parts

Sharepoint News Carousel Web Part

News Carousel Web Part
The News Carousel Web Part displays the most recent announcements of a Sharepoint "Annoucements" List and thus gives much better visibility to new announcements published anywhere within the current site collection or web application.
The News Carousel Web Part displays the announcement title (linked to the announcement entry), the first few words, the author and the post date and an optional image.

The Web Part can be used with Windows Sharepoint Services V3, MOSS 2007, Sharepoint 2010,  Sharepoint 2013 and Sharepoint 2016 (both Server and Foundation).

The following parameters can be configured:
  • Number of announcements to be displayed
  • Custom CSS styles
  • Number of words to be displayed per post
  • Rotation speed

Product Price     
News Carousel Web Part for SP 2007 and 2010
30 Day Evaluation Version (Release 1.1.15) 
Free download..
News Carousel Web Part for SP 2013
30 Day Evaluation Version (Release 1.1.15)
Free download..
News Carousel Web Part for SP 2016
30 Day Evaluation Version (Release 1.1.15)
Free download..
News Carousel Web Part License Key
per Server License
Includes 1 year technical support
USD 150.00
Deployment Instructions for SP 2010 download..
Deployment Instructions for SP 2013/2016 download..

Installation Instructions:
  1. download the News Carousel Web Part Installation Instructions (PDF file, see above) 
  2. either install the web part manually or deploy the feature to your server/farm as described in the instructions.
  3. Configure the following Web Part properties in the Web Part Editor "Miscellaneous" pane section as needed:

    • Site Name:
      Enter the name of the site that contains the List or Library:
      - leave this field empty if the List is in the current site (eg. the Web Part is placed in the same site)
      - Enter a "/" character if the List is contained in the top site
      - Enter a path if the List in in a subsite of the current site (eg. in the form of "current site/subsite")

    • List Name:
      Enter the name of the desired Sharepoint List or Library
      Example: Announcements

    • View Name:
      Optionally enter the desired List View of the list specified above. A List View allows you to specify specific data filtering and sorting.
      Leave this field empty if you want to use the List default view.

    • Title Field Name:
      enter the column name of the column that contains the item title (Default="Title").

    • Link URL Field Name:
      optionally enter the name of the column containing the item hyperlink.

    • Body Field Name:
      enter the column name of the column that contains the item body text (Default="Body").

    • Max. nbr. of words displayed:
      Enter the maximum number of words to be displayed in the body text.

    • Nbr. of Items displayed:
      Enter the desired maximum number of announcements  to be displayed simultaneously (Default=3)

    • Nbr. of Items to scroll:
      Enter the desired number of items to be scrolled (Default=1)

    • Items Rotation speed:
      Enter the desired time in seconds to advance the items. Enter "0" to suppress the item rotation.
    • Display Publication Date:
      either show or hide the News publication date
    • Show Navigation Buttons:
      either show or hide the "previous' and 'next' navigation buttons
    • Responsive Layout:
      enable or disable the responsive layout
    • Open Links in new Window:
      opens the links to the announcements in a popup dialog window (only available for Sharepoint 2010, Sharepoint 2013 and 2016).

    • Web Part CSS Style:
      Enter the desired CSS styles to format the web part. You can apply multiple CSS styles separated by semicolons.
      Example: width:640px

    • Title CSS Style:
      Enter the desired CSS styles to format the item titles. You can apply multiple CSS styles separated by semicolons.
      Example: font:11pt Segoe UI;font-weight:bold

    • Text CSS Style:
      Enter the desired CSS styles to format the item body text. You can apply multiple CSS styles separated by semicolons.
      Example: font:9pt Segoe UI

    • Column Width:
      enter the desired width of the columns in pixels (Default=250).

    • Item Height:
      enter the overall item height in pixels (Default=300).

    • Image Height:
      enter the optional desired height of the thumbnail images in pixels (Default=125).
      Enter '0' to use the original image height.

    • License Key:
      enter your Product License Key (as supplied after purchase of the News Carousel Web Part license).
      Leave this field empty if you are using the evaluation version.


Please enter a comment below if you have problems with the installation, want to give feedback or have suggestions for improvements:

User Comments Post a Comment 

6/23/2017 17:34 
You specifically mention Announcments list but do have a property to change that. I was just wondering if it has to be a specific content type or list template ID or can it really be pointed to just about anything?

6/24/2017 13:59 
you actually can point the web part to any type of list (eg. the list does not need to be based on the “Announcements” list template).
6/26/2017 15:22 
Hi, What is the text behind the options. basically i would like to understand how to display a picture with the news article.
6/26/2017 17:02 
if the web part is pointed at a Sharepoint Picture Library then it displays the corresponding picture. If it points to a list, it then by default displays the first attached picture. You also can use a "Hyperlink or Picture" column to define the pictures and then enter the name of your column into the web part's "Options" setting:

6/30/2017 10:26 
Is there a way to change the spacing between the columns?
6/30/2017 12:52 
yes, please add the below to the web part’s „Options“ setting to override the default 14px spacing:

css=.AENewsCarouselItem {margin:10px}

(change the value as needed).
7/3/2017 10:38 
Is it possible to use this with a blog? I'm looking for a better way to display blog articles on our Intranet homepage.
7/3/2017 13:48 
yes, you can point the News Carousel web part to a blog posts list.
Please enter then (relative) URL of your blog site into the “Site Name” setting (as eg. “/OurBlog”) and then enter “Posts” into the “List Name” setting.
Graeme Pretty  
7/7/2017 08:19 
Hi, I have inserted this webpart into my homepage, SP2013, and points to a list etc. But when I click on the image or Title (link) or (read more) link, nothing happens. Am I missing something here? I expected it to show the display page for the announcement. Thanks.
7/10/2017 11:57 
we have now added support for publishing pages on Sharepoint 2013 (which allows to open the links in a Sharepoint dialog window).
Please re-download the web part and then update the web part solution.
7/25/2017 19:38 
It has picture height, but what about width? Some of them are wider and it's chopping them off, didn't know if they could shrink to show the whole image?
7/26/2017 12:21 
the web part fits the image into the available space (as defined by the "Column Width" and Image Height" settings) and preserving the image aspect ratio.
Thus if an image is much wider than tall (as eg. a typical banner image), it will be cropped horizontally.
Tom Benjamin  
8/11/2017 02:38 
Can you render HTML within the items? I'd like links within the content to work, and lists.
Also wondering how you get the individual colours per item, is there a colour column option?
8/11/2017 10:54 
you can assign individual background colors by adding a new column named “Color” to your Sharepoint list.
The body text preserves the HTML formatting if the “Max. nbr. of words displayed” setting is set to “0” (eg. the text is not being truncated).
Lil S  
8/12/2017 01:45 
Do you know if this webpart can be used with SharePoint Online/O365?
8/12/2017 13:35 
there is currently no Office365 version, but it is scheduled for Q4 2017.
8/17/2017 23:42 
Is the available specifically for O365/SPO, or would the 2016 version suffice. If so, what is the licensing fee for an SPO installation; equivalent to one server (since client has no control / options over those)?
8/18/2017 10:54 
please note that currently there is no Office365/Sharepoint Online version of the „News Carousel“ web part.
We will be releasing an Office365 version later this year.
11/8/2017 15:33 

is there a way to change "(read more)" to German (mehr...)?
At the point "Max. nbr. of words displayed" i have 15.
Can you help at this point?
11/8/2017 16:31 
please add the below to the webpart's "Options" setting:

Beth Goven  
11/9/2017 21:59 
Can you concatenate fields like the Title field? It's a member of the month and I wanted to show their name and what month they were nominated for.
11/10/2017 11:39 
you would need to add a new column of type “Calculated” to your list and the enter the formula to concatenate the fields.
You then would enter the name of your new column into the web part’s “Title Field Name” setting.
1/9/2018 20:22 
Is it possible to configure this web part to have 2 different layouts, so that within a single carousel you could have some items in one layout (e.g. one with a horizontal image) and some items in a different layout (e.g. one with a vertical image)?
1/10/2018 14:10 
this is currently not possible (eg. all the items use the same layout).
1/25/2018 19:22 
I'm sure I am missing something but I cannot get this control to display any news articles at all. I connected it to a test list with only a couple of basic items (Title, Body). I am showing the Add New Item option and I am able to add an item and it appears in the list so I know the control can see the list. However it does not display any items at all. All I have is the Web Part Caption and the Add New Item Link. I've tried setting up a view and telling it to use that. I've tried adjusting almost all of the settings and have tried adding the control and starting from scratch. Nothing. Interestingly it is sitting on a page that also has your swipe gallery and that is working great. Any thoughts as to what I may be missing? I'm using SharePoint 2016.
1/28/2018 15:58 
the News Carousel and the Swipe Gallery web parts actually can coexist on the same page.
Can you open the page with Google Chrome and then hit F12 tô open the inspector pane and select "Console" in the pane's tab menu to check for any errors (displayed in red) ?
1/29/2018 17:28 
Hi Juerg,

Thanks for the response! I am getting an error in console. The error is:

Uncaught TypeError: owl.owlCarousel is not a function


1/30/2018 13:39 
can you open the page with Google Chrome and then hit F12 to open the inspector pane and select "Sources" in the pane's tab menu to check if the "owl.carousel.min.js" file is being loaded ?

1/30/2018 15:49 
Hi Juerg,

Yep... it looks the same as the image you posted.


1/31/2018 19:47 
can you enter the below into the "News Carousel" web part's "Options" setting:


This option makes sure that the carousel module is loaded after jQuery has been loaded.
2/1/2018 00:04 
That did the trick! Thank you!!
2/6/2018 19:58 
FYI... A quick follow up

It appears that this web part is impacted when the Thermometer web part is placed on the same page. When the Thermometer web part is placed on the same page the News Carousel no longer works and the same message is displayed about owl.owlCarousel is not a function. The jqueryload=1 flag no longer helps and removing it from options has no effect. Similarly, disabling/enabling jquery from the Thermometer web part options has no effect. As soon as I remove it the News Carousel starts working again. It isn't a game breaker for me but I thought I would pass this along.

Thanks again!! I'm really happy we purchased your suite of web parts as they have a great impact to the look and feel of our site.


2/7/2018 12:44 
although we are not able to replicate this issue (coexistence of the "Goal Thermometer" and the "News Rollup"), you might try to check the "Goal Thermometer" web part's "Disable jQuery Loading" setting.
2/13/2018 21:15 
Hi in a few of your examples I see the navigation buttons on the vertical middle left and right sides, in mine, the navigation buttons are at the bottom. Is there and option to make mine look like your examples
2/14/2018 10:34 
the navigation buttons by default are
- at the bottom when choosing "Responisve Layout"
- to the left/right when unchecking "Responsive Layout"

If you want to use "Responsive Layout", you can shift the buttons via CSS (which can be added via the web part's "Options" setting) as illustrated below:

css=.owl-prev {position:absolute;top:10px;height:20px} .owl-next {position:absolute;top:10px;height:20px}
Meghan Kemp  
2/15/2018 03:15 
Hi Juerg,

Wondering when your O365 News Carousel Web part will be ready for release?
2/15/2018 20:38 
we are indeed currently busy creating Office 365 version of our web parts.
However, we wonder if there is a need for the News Carousel web part on Office 365 since Microsoft recently added their own “Highlighted Content” and News” web parts.
3/16/2018 19:39 
Is it possible to auto create or use a generic image attachment if user does not attach a photo for the new post?
3/19/2018 11:25 
this is currently not possible.
Would this be an important feature for you ?
4/11/2018 17:12 
Is it possible to float the image to the left and text right?
4/12/2018 12:13 
  • Uncheck the web part’s „Responsive Layout“ setting
  • Add the below to the “Options” setting:

    css=.AENewsCarouselImageBox {width:150px !important;float:left;margin-right:8px} .AENewsCarouselImage {width:inherit !important}
4/23/2018 21:18 
Is there a way to use this with audience targeting per list item as the CQWP does?
4/24/2018 12:55 
the most recent version (starting with V 1.1.14) can be connected to the "User Profile Filter" web part to filter items by target audience

You thus might need to re-download the web part, extract the WSP file and then update the web part solution.

Please also download the AE User Profile Filter from: /download/  

You can then install it and configure it as follows:

Filter Label: leave empty
Filter Type: User
User Profile Property: Audiences

You then also might hide the web part by setting it to “Minimize and also set the “Chrome Type” to “None”.
Please then connect the News Carousel web part to the Filter web part by choosing “Get Field Value From..”.

The News Carousel will now only display list items filtered by the „Target Audience” column.
4/24/2018 17:40 
Thank you for this, it worked flawlessly. I did have two other questions, do you think there would be any load issues if this is placed on the homepage of an intranet with about 2400 users and is it possible to have the image linked also and not just the title? Thank you!
4/24/2018 18:33 
ther should not be any load issues since the web part only accesses a single list.
The image is already linked by default if you do not choose the "Responsive Layout" option.
We will make the images clickable also when using the "Responsive Layout" in the web part's next release.
4/24/2018 20:55 
Sounds, fantastic, I am using the responsive layout so that would explain that part. You do such great work! I look forward to the next release of this. Thank you!
4/25/2018 13:21 
we have now released the new version (1.1.15) which makes the images clickable when using the responsive layout.
4/26/2018 18:34 
As always, this is amazing! Great work, now I can setup our demo for this webpart. Thank you much!
5/11/2018 18:54 
Thank you for 1.1.15 -- that was a big request from our users.
8/6/2018 06:46 

Can you please let me know Announcement list fields? Do you have any video for complete configuration of this webpart?

8/7/2018 18:28 
to configure the wbe part for a Sharepoint Announcements list, please use the below settings (assuming an English site):

Title Field Name=Title
Body Field Name=
8/8/2018 01:42 
Thanks Juerg for your reply. I have emailed support with screenshot. I want to know, how did you configured "Announcements" list at the backend. What all fields you have ?

9/5/2018 17:34 
I'm sure this is an easy setting but I just can't seem to figure it out. Similar to your example at the top, how do I get the news items all to conform to the same height regardless of the amount of text? For example, I have a news item with only 2 sentences and another with multiple paragraphs. The "box" for the small news article is half the height of the other. Thanks!
9/5/2018 18:46 
to avoid cutting off the text at the bottom, either enlarge the value entered into the web part's "Item Height" setting to make it taller or restrict the number of words displayed per item via the web part's "Max. nbr. of words displayed" setting.
9/7/2018 23:19 
Thanks for the reply. My challenge is actually with the colors and not the text. For example, I'm trying to format it to look like the second image at the top of this page with the 3 news articles. In your example, all three have a uniform height regardless of the amount of text. In my case the color stops after the last line of text. So with the We welcome our new CIO news item the yellow would end after the "More" while the Teams wins 2017 winter cup article the Green would end right after the "challenge". Hopefully that makes sense.
9/9/2018 16:10 
is it correct that you added a column named "Color" to your Sharepoint list in order to individually color each item ?
9/10/2018 17:53 
Yep, I have a column named color where I am storing the color for each article.
9/10/2018 18:02 
can you send a screen shot illustrating the issue to ?
Derek N.  
9/23/2018 21:45 
Hi there, I'm evaluating this web part for a client. Do you have documentation of the different settings that can go into the Options web part config field?


9/24/2018 10:58 
the “Options” setting is used for seldom used configuration options.
If you miss any setting please send us a note and we’ll get back to you.
Eric S  
11/30/2018 18:20 
Could you post the web part settings to configure it to look like the first and second images at the top of the page? When using multiple "Options" values, are they comma or semi-colon delimited?
11/30/2018 18:44 

First Image at the top of the page:

• Max. nbr. of words displayed=40
• Number of items displayed=2
• Number of items to scroll=2
• Show Navigation Buttons=checked
• Responsive Layout=checked
• Column Width=250
• Item Height=280
• Image Height=125

Second image at the top of the page:

• Max. nbr. of words displayed=20
• Number of items displayed=3
• Number of items to scroll=1
• Show Navigation Buttons=checked
• Responsive Layout=checked
• Title CSS Style=font:11pt Segoe UI;color:black;display:inline-block;padding-left:1px
• Text CSS Style=font:9pt Segoe UI;line-height:12pt;padding:5px;width:160px !important;padding-bottom:20px
• Column Width=170
• Item Height=300
• Image Height=100
• Options= css=.AENewsCarouselItem {background-color:#d7d7d7;height:270px;margin:5px}

Please note that the different background colors are produced by adding a column named “Color” to the underlying list to be able to assigning individual color values to the list items.

Please separate multiple options (“Options” web part setting) using the “|” pipe character.

Technical Support Contact Information
If you find that you cannot resolve an issue using the above tools, our Technical Support staff will be ready to handle your technical support needs. You can reach our staff by phone or by email.

Phone: +41 (0)62 823 75 75 (9am - 6pm GMT)
Fax : +41 (0)62 823 75 74

This is one of the best development studios I have ever had the pleasure to work with. AE has been a top referral of my company ever since we started working with SharePoint. Our clients are always happy with them. Their support is one of the best I had.

Steven Monczka, Cal Net Technology Group

Subscribe to Newsletter
If you want to be kept informed about our new or enhanced Sharepoint web parts, subscribe to our Sharepoint Web Part Newsletter:

You can also subscribe to our Web Part News RSS Feed:

RSS Feed

Follow us on Twitter:

Web Part NewsFree Christmas Card Web Part
The free Christmas Web Part allows you to display a Christmas Greeting Card with animated snowfall on your Sharepoint pages.
The Web Part can be used with WSS3.0, MOSS 2007, SP 2010, SP 2013 and SP 2016. 
It also allows you to configure the Card Heading, Message Text and Card background image.

Hero Web Part
The Hero Web Part adds a compelling design element to your page. You can display up to five items and use images, color, text, and links to draw attention to each.
The Web Part can be used with Sharepoint 2010, Sharepoint 2013 and Sharepoint 2016.

SharePoint Image Menu Carousel Web Part
The Image Menu Carousel Web Part displays the pictures contained in a Sharepoint Picture Library arranged horizontally. The images scroll automatically (as a slide show), via buttons and/or via swipe.
The Image Menu Carousel Web Part optionally displays the image title and/or the image description.
Each image can optionally be linked in order to create an image menu.
The web part can be used with SharePoint 2010, SharePoint 2013 and SharePoint 2016.