Add webpart and setting

1. Go to the page where you want to add the “Ticker Viewer” Web Part.

2. If the page is not already in edit mode, click Edit at the top right of the page.

3. Hover your “cursor” above or below a web part or in the center of the section where you want to add  the web part to see a line with a + in a circle, like this:

5. Notice how the web part is rendered, at that moment, user needs to configure it to enroll data and define other parameters.

6. Click on configure your web part to open settings.

7. To setting the webpart, user has two sections: Configuration and data.

Configuration

• Label: select one label to introduce the ‘Ticker’ or empty
• Size: select one size between “Small”, “Medium” or “Large”
• Layout: select one orientation between “Primary” or “Fill-in”
• Direction: select one orientation between “To left” or “To right”
• Use site color: define to user site theme color or select another main color
• Speed: animation speed. Use lower number to go slower. Value between 1 and 40

Data

• If user select “Show data from”: Collection data, go to the below topic called “Static data settings”
• If user select “Show data from”: List, go to the below topic called “Dynamic data settings”

8. Save changes on the page with the web part.

Static data settings

After select show data from: Collection data, user must click the button “Manage collection data” to register every ticker content

• Order: order between one and another ticker
• Content: main scrolling text from one end to the other
• Header: label above the content (optional)
• Icon: select one from icon list (optional)
• Link: URL to open when click the content (optional)
• Tab: check it to open on a new tab or self-tab

Dynamic data settings

After select show data from: List, user must select any site to search list repository

• Site: any site from the tenant
• List: any list from the site selected
• Content: field related to the main scrolling text from one end to the other
• Header: field related to the label above the content (optional)
• Icon: field related to the icon name from ‘https://uifabricicons.azurewebsites.net’ (optional)
• Link: field related to URL to open when click the content (optional)
• Max list elements: number of tickers according to the list items
• Filter list by: field to filter according to the next fields below: Filter comparation type, Filter value and Order by