Advanced Elements - Ticker

Cycle and highlight important news, stats, and information.

Create a ticker that scrolls text and/or images horizontally. Keep your audience informed about breaking headlines, stories, statistics, and other content with text and/or images that consistently scrolls across the screen.

This article serves as a how-to guide for creating a ticker within Graphics in Tagboard. Questions? Please reference our FAQs at the bottom of this article prior to contacting our team.

Before Getting Started

The advanced ticker element is a part of Graphics. To create an advanced ticker, navigate to Graphics and open an existing graphic or create a new one. 

For quicker navigation, utilize the links below:

• Manually creating an Advanced Ticker
• Powering an Advanced Ticker with Google Sheets
• Previewing and Going Live with the Advanced Ticker
• FAQs

Manually Creating an Advanced Ticker

Step 1 - Insert the Advanced Ticker element

Select  “Advanced Elements” on the left sidebar of the Graphics builder. Once selected, a menu will pop out where you will click on ‘Ticker’ to add the ticker.

Step 2 - Place the Ticker

On the canvas, click and drag to place where you want the ticker to exist. Once placed you can also use the right side panel to adjust sizing and/or positioning.

Step 3 - Add text and/or images

1. Click the “+” sign on the Advanced Ticker layer
2. Select the “Ticker Text” or “Ticker Image” option
   1. Text and Image can both be used, but would need to choose one then follow 1 & 2, immediately above, for the other option
3. If not using Tagboard’s Google Sheets integration, repeat 1 & 2 from this list until filling out your ticker

Note: 

At the moment, you can only add text or images using the “+” sign. You can not drag and drop existing text and/or image elements into the Advanced Ticker.

Step 4 - Customize

1. Select “Ticker Text” or “Ticker Image” layer to highlight it in the layers menu
2. Customize the text, upload an image, and adjust the font style/color, as well as many other settings using the options in the right sidebar

Powering an Advanced Ticker with Google Sheets

To connect Google Sheet data to power the ticker, build your graphic template the same way you would build any other template.

Once you've built your graphic template, insert a ticker AND a Google Sheet layer into your graphic template.

Step 1 - Insert the Google Sheet element

1. Select  “Advanced Elements” on the left sidebar of the Graphics builder. 
2. Choose “Google Sheets”.

Step 2 - Connect your Google Sheet

Follow the instructions here for connecting a Google Sheet

Note

You can "Skip" mapping data when connecting your Sheet and map data later [Step 5].

Step 3 - Insert the Advanced Ticker element

1. Click the “+” sign on the Advanced Ticker layer
2. Select the “Ticker” option

Step 4 - Add text and/or images

1. Click the “+” sign on the Advanced Ticker layer
2. Select the “Ticker Text” or “Ticker Image” option
   1. Text and Image can both be used, but would need to choose one then follow 1 & 2, immediately above, for the other option

Step 5 - Customize

1. Select “Ticker Text” or “Ticker Image” layer to highlight it in the layers menu
2. Map the appropriate data [text or image]
   1. Mapping a data field is selecting one column of content. To add additional data mapped fields repeat Step 4 and Step 5 [i.e. if first and last name are separate columns in your Sheet, then you will need to add "Ticker Text" twice]
3. After the data is mapped, select the Advanced Ticker layer to adjust the "Start From Row" and the "Rows Per Page". This will dictate how many rows of content get displayed from the Sheet
4. Adjust the font style/color and many other settings using the options in the right sidebar [while a specific text/image layer is selected]

Previewing and Going Live with the Advanced Ticker

Preview [in Graphics]

In order to see how the ticker would display, you can utilize the “Preview” function. 

1. Select the “Advanced Ticker” layer on the left sidebar
2. Click the “Preview” checkbox on the right sidebar
3. Choose “Infinite” [default option] or “Spaced” below the “Preview” option

Going Live [in Producer]

Now that you've added an Advanced Ticker to your graphic, it's time to display it on screen. Once this graphic has been saved it will appear in your asset library in any production in Producer. You can drag and drop that content into your playlist and display it on your output.

With the ticker in your playlist, you can select the layer and edit the ticker from within Producer. This means you can:

• Pause the ticker
• Change the ticker’s  scroll speed
• Adjust the scroll spacing 
• and more

Once you make changes, be sure to select “Update Preview” or “Update Live” in the bottom right corner to see those changes come into effect!

❓ Frequently Asked Questions ❓

Can I drag and drop text and image layers into the Advanced Ticker?

Not at this time. To add text and images to the advanced ticker, you will need to add them by clicking the “+” icon in the Advanced Ticker layer [located in the layer menu on the left sidebar].

Can I connect data sources to my Advanced Ticker?

Yes! Currently, we only support data from Google Sheets [see steps for using Sheets above]. Support for additional data sources will be added in the future. 

Interested in adding Google Sheets to your Tagboard package? Inquire here.

Can I have a ‘never ending’ ticker?

There are two ticker options:

• Spaced
  • The entire group of text and images will scroll off screen before restarting again. Thus creating space between the start and end.
• Infinite
  • The text and images continuously scroll, like it is ‘never ending’.

How do I add additional spaces or dividers between my ticker text and images?

You can add text or images in an Advanced Ticker as spaces and/or dividers. These text and images act as dividers, breaking up the content into a digestible format.

• Example:
  • Adding another text element at the beginning, end, or in between the content [i.e. with a static “  |  ”] divides the content into unique sets.