In the previous article, we discussed how to create and configure screens in your app.
We discussed the different types of promotable screens such as "About us", "Settings" etc... and emphasised especially the "General Content" screen with a basic "Flat" array of content.
But, sometimes the screen we are opening is not a "Flat" screen, and there is actually another layer of content and UI beneath it.
For example If I click on a Component and it opens a list of Videos, this is a Flat Screen.
But if I click on the Component and it opens a List of Shows --> and upon clicking on each show we get respective list of Videos... than the original component is "Multi-Leveled".
Connecting a screen, allows you to use a Multi-Leveled data source (via Feed / Applicaster2 CMS / or Manual Feed) where the screens are connected to each other in a Dependent fashion.
I in the Homescreen of my app, I have a List, Carousel and Grid:
The Items in the List component shall appear according to the Cell Style selected for this List.
If my app structure is Flat, meaning that clicking on the List component will open the final data source (for example a list of Video), i will stop here and no connected screens would be needed.
But if I have a more complex array of content with more levels, This is where I could use the Connected Screens.
Let's say that each item in the List component is a thumbnail that once clicked upon, Opens a Show.
In this case, we don't stop here, as the show has children (which are the Videos themselves). In order to define the UI of the "Show Screen" that will open with the Videos, I need to add another level.
This is done by Creating another Screen with the Component I wish to utilise for the "Show Screen". For instance, a screen named "All Shows" which contains a Grid:
* Important: Notice that I do Not fill-in the Data Type and Source, as this is coming from the main Data source That was in the parent level.
Following this structure, every item in the grid component will Represent a Different Show, that once clicked upon, shall open the "Show Screen" with the VOD Video items.
Connecting the two screens:
The method for connecting the Homescreen List component with the "All Shows" Screen, is by simply clicking on the List component in the homescreen, and under the "Targeting Screen" section, selecting "Connected" and then selecting the screen to connect with:
This above example is represented in the following manner:
* Note: Always remember there must be a perfect correlation between the Data Sources and the Content Levels, for the connected screens to work.