Show Menu

Multi-Zone to Single-Zone Transition

Use Case Description

This section describes a use case example that emphasizes on how to set up a multi-zone layout channel that alternates with a single-zone layout channel. The multi-zone channel has sequencing image/video assets and it shows how you can set up project that alternates from multi-zone to single-zone and vice-versa.


Before you start this use case, make sure you understand how to:

Primary Actors

Content Authors

Setting up the Project

Follow the steps below to set up a project:
  1. Create an AEM Screens Project named as TakeoverLoop , as shown below.
  2. Creating a Multi-Zone Screens Channel
    1. Select the Channels folder and click Create from the action bar to open the wizard to create a channel.
    2. Select # from the wizard and create the channel titled as Left-L Bar Split Screen Channel .
    3. Add content to the channel. Drag and drop the assets to each of the zones. The following example shows a MultiZoneLayout channel comprising of a video, an image and a text banner (in an embedded sequence), as shown below.
    To learn more about creating a multi-zone layout in your channel, refer to Multi-zone Layout .
  3. Create another channel titled as TakeoverChannel to your Channels folder.
  4. Click Edit from the action bar to add content to this channel. Add a Channel component and an image asset that you want to switch to, to this channel, as shown in the figure below:
  5. Open the settings for the Channel component and point it to the MultiZoneLayout channel that you created in step 2 .
  6. Set the duration from the Sequence field to 10000 ms .
  7. Similarly, open the settings for the Image (asset you added) and set its duration from the Sequence field to 3000 ms .

Checking the Preview

You can view the desired output from the player or just by clicking on the Preview from the editor.
The output will demonstrates how a multi-zone layout plays for 10000 ms and then switches to single zone layout that has playback duration of 3000 ms and then switches back to the multi-zone layout.

You can customize your channel transition (from multi-zone to single-zone layout or vice-versa), as per your requirements.