Containers in Scenes

By default, the screen elements in a SceneA mobile app or web experience of one or more screens displayed with fully native UI components in real time, providing immediate, contextual responses to user behaviors. Scenes can be presented in full-screen, modal, or embedded format using the default swipe/click mode or as a Story. They can also contain survey questions. are stacked vertically, and you can drag them into your preferred order. With today’s release, you can also place one or more elements in a container and arrange them vertically or horizontally. Additional design options for containers:

• Background color, background media, height, width, and margin settings
• Multiple containers per screen
• Nesting
• Pin to the bottom of a screen

Placing content in a container

When editing Scene content, select the Container element, and then select another element to add to that container: Button, Button Group, Container, List, Media, Question, or Text. NPS is not supported for containers.

You can then set the height, width, and margins. Setting a container’s background color or adding background media is identical to setting up a screen’s background.

Use the breadcrumbs above the content elements to navigate between nested containers and back to the root screen.

Buttons and pinning content

This release also includes a couple changes to buttons and keeping content visible at the bottom of a screen when the user scrolls:

• Single button — In addition to the Button Group element, now you can add a single button. When using multiple buttons in a screen, add single buttons if you want to place content between them, and use a button group to keep buttons together.

• Pinning to the bottom of a screen — We removed the Button Group and Text elements option Fix at bottom on scroll, because now you can pin any content. First, place content in a container, and then hover over the container and select the pin icon:

  

  You can pin multiple containers on the same screen. For Scenes that had Fix at bottom on scroll selected, we moved the Text or Button Group element into a container and pinned it.

Design options unlocked

The addition of containers and the single button element means you can now use these content placements:

• Text, images, or any other elements side by side
• More than two buttons in a single line
• Buttons can appear alongside other content instead of only vertically stacked

And those are just a few ideas. Create a new Scene now and get creative.

Documentation

Get all the details in Content elements and Container in Configure Scene content. Haven’t created one before? Check out Create a Scene for a walkthrough.