Skip to main content

Corporate Carousel

SanVar
Displays a carousel of images which is self configurable

Corporate Carousel App part

------------------------

THIS IS AN APP PART WHICH YOU NEED TO INSERT ON A PAGE. IT IS NOT A FULL PAGE IMMERSIVE APP.

For technical support: Please email sanvar@sanvar.onmicrosoft.com

App Overview:-

This App part enables you to display images from a picture library in SharePoint. The title and description will get displayed on the image as overlay text. The no of images in the carousel is mentioned by circles on the right side .The current image will get selected in this circle.

It can read the image library from hosweb,subsites of the host web as well as different site collection in the same web application and also inside folder.It has left and right arrows using which user can move the image manually.

Pre-requisite :-

To use this App part, the user should create a Picture Library from the OOTB picture content type. Once the Picture Library is been created, add the following columns:

1)NavigationLink - Hyperlink or Picture type.

This is used to navigate to the corresponding site on click of an image

2)ImageOrder - Number type.

This is used to display the images in a particular orderEnsure the columns Title, Description are present in this picture library.

Note: Please note the name of the picture library; this will be needed in the later point to configure the App.

How App part works? :-

1) Add the App Part to page.Create a new page, edit the page, click insert AppPart and select Corporate Carousel App Part and select ok

2)Configure the Tool Pane;

Right click the App Part and click Edit App Part.

Please provide the values in the section "Image Carousel Configuration Properties" in the tool pane.

The details of the tool pane parameters are as follows:

1) Carousel Image Library

This name should match with the picture library that's created in the "Pre Requisite section"

2) Carousel Speed (in seconds)

.Based on this value the Carousel speed will set.

3) Image Height,Default is set to 100px.According to this height the app part resizing will happen

4) Image Width,Default is set to 100px.According to this width the app part resizing will happen

5)Number of Images to Display

.This set the number of images that displayed in the carousel.

6)Site Url(Path up to Image Library), e.x., if the path to the library is "https://sitename/sites/sitename/libraryname", then the parameter value should be "https://sitename/sites/sitename" excluding quotes.

Once configured the App Part will display. For more info, visit https://sanvar-public.sharepoint.com/Pages/Corporate-Carousel.aspx

https://az158878.vo.msecnd.net/marketing/Partner_21474841718/Product_42949676466/Asset_23389035-0fe2-4c61-adce-cc2aa610dcce/addingapp.jpg
https://az158878.vo.msecnd.net/marketing/Partner_21474841718/Product_42949676466/Asset_23389035-0fe2-4c61-adce-cc2aa610dcce/addingapp.jpg
https://az158878.vo.msecnd.net/marketing/Partner_21474841718/Product_42949676466/Asset_762fda9d-a29c-43ad-ac7d-0d938b888d21/initialscreen.jpg
https://az158878.vo.msecnd.net/marketing/Partner_21474841718/Product_42949676466/Asset_9b661aa3-5add-4e69-88bc-0eaeb4d183ce/toolpane.jpg
https://az158878.vo.msecnd.net/marketing/Partner_21474841718/Product_42949676466/Asset_45d843c3-9a82-4bd8-bb0a-e446d63aab06/carousel.jpg