Multi-Zone to Single-Zone Transition

Last update: 2021-07-12
  • Created for:
  • Intermediate

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 Left-L Bar Split Screen Channel from the wizard and create the channel titled as MultiZoneLayout.
    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.

On this page