Connect data from multiple sources to one graphic layer

Most Titler Live products can display data from multiple sources in one graphic, including sports databases, game clocks, news feeds, and more.  Currently in Titler Live 5, when you first create an input with a data controller (like a json file for example) it automatically replaces the current data controller.  But once all input are already created you will be given an option to combine them.  Please refer to the steps below to assign multiple data sources to the same graphic layer.

Connect Multiple Data Sources

1. In Titler Live's playout interface, open a project (if a project isn't already open) that includes a graphic that you want to connect to multiple data sources.

Tip: Want to create a new graphic? Open the Library panel and drag a design from the library to the playlist.

2. Select your first data source (I.e. google sheets, spreadsheets, json, xml, etc.) > Select new input.

Picture1.png

Note: If you have never connected a graphic to a data source and set up that data source, visit the Connect your Data to Graphic Layers section of our help center and complete the steps in an article that describes the data source you need.

You should see the type of selected data source register in the Layer Properties Panel but no file attached. If it prompts you to choose a file that’s ok, you will just need to choose again in a later step.

Picture2.png

3. Connect your second data source (I.e. google sheets, spreadsheets, json, xml, etc.) > Select new input.

4. Repeat for any additional Data Sources you desire to connect to your graphic.  

5. Navigate to the Data Controller dropdown > Now select the input file created that is labeled and listed under New Input > select file if prompted.

Picture3.png

6. This should prompt a dialogue box to pop up asking if you would like to Combine, Replace, or Cancel.  Make sure to select Combine.

Picture4.png

  1. Select the second input you created > attach the file.
  2. Repeat for all additional Data Sources connected.

You should now see all of your Data Sources in the Show Links Side bar of the Preview Panel to connect to your variables in the graphic. Also, each data source should also be assigned a separate tab in the Layer Properties Panel.

Picture5.png

For further detail about each specific Data Source you are connecting, please refer to the individual articles in the Connect your Data to Graphic Layers section.

Assign Variables to your Graphic Layers

1. Open the list of variables connected through the data source by clicking the Link Data button in the Preview panel to view the Text File Reader variables. (If the variables aren't visible, expand the Text File Reader list.)

2. Click and drag a variable onto an object in the graphic. Repeat this step for each variable that you want to include in the graphic.

Picture5.png

Tip: To remove an input from a graphic layer navigate to the Preview panel. Click the link data button, then right click on the data source name and choose Remove input.

When you broadcast the graphic, data from all data sources are automatically updated just like any graphic that is connected to one data source.

 

Back to top

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request