<< TILES CONFIGURATION MANUAL | Table of contents |
The "Carousel" tile rotates the content of a Sharepoint Picture Library, Blog or Announcements list item as illustrated by the below examples. {body} Please enter a comment below if you want to give feedback or have suggestions for improvements:
Banner Rotator:
This example displays the images stored in the Sharepoint Picture Library pointed at via the "URL" setting. It automatically rotates every 9 seconds (default setting) and the images can optionally be linked when adding a column named "URL" to the picture library.
Also the carousel automatically displays the image "Title" and "Description" if present.
URL:
News Carousel:
This example displays the news items stored in the Sharepoint Announcements List pointed at via the "URL" setting. It automatically rotates every 9 seconds (default setting) and the news items are linked to the List detail view page. The carousel automatically displays the annoucement "Title" and "Body"
URL:
The second example also displays the image attached to the list item by specifying an item template in the "Content" tile setting:
Content:{title}
News Carousel with Backdrop Images:
This example displays the news items stored in the Sharepoint Announcements List pointed at via the "URL" setting. It automatically rotates and the news items can be opened in a dialog. The carousel automatically displays the annoucement "Title" and "Body"
The carousel displays the image attached to the list item by specifying "Attachment" in the "Background" tile setting.
Content:
Blog Post:
This example displays the most recent blog post of the blog specified by the URL. ALso, the text displayed by the tile is truncated to a maximum of 40 words via the "/more=nn" parameter:
Content:
Video Carousel:
This example displays the selected videos contained in the document library specified by the URL.
Content:
Options:
you can specify the below options via the web part's "Options" setting or via the Tile's "Content" setting
display navigation bullets:User Comments Post a Comment When I add a carousel as a full width item, it goes across the entire screen (which is what I want), but only one tile high, and it scales down correctly on mobile.
When I use your example of specifying my own size of 9x2, the banner looks great on desktop, but is no longer responsive. Could you tell me how I can make it full width, but the equivalent of 3 tiles high, full width that will display / scale down correctly on mobile. Sharon,
plase rather use the below "Size" setting:
100%x3When I do the 100% the webpart does become responsive and full width, however the image inside does not scale, It just cuts it off. So the image on mobile is not legible. Sharon,
which mobile device are you using for testing ?
Also, which browser are you using on your mobile device ?