Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

[AEM Gems Webinar] Accelerating Experience Manager as a Cloud Service development with Rapid Development Environments

Banner card within layout template


Level 2

In the demos for AEM Mobile, what is the Banner card?  Is it an HTML article; or, something that can configured within the layout template editor?


It's also confusing in that I see a "height" slider, which I'm not seeing in the layout template editor in design mode.

There are two cards associated with the banner?  Is the top "Company Station" a card; or, background image in this example?

3 Replies



In this example, "Banner" is a type of card. Like other cards, it is configured with the layout template tool. From the properties I can see, the Banner card is set to full-width, and its Height is set to 5, which means that it will be 5 cells high in the 12-column grid. You can see that grey grid in your preview.

When you have a card selected in the layout template, you should see "Width" and "Height" boxes, and you should see a Full Width check box. It looks like your screen shot uses slightly older UI.

Two items match the rules of the Banner card, so they appear in your preview as full-width cards: "2062 Breakfast Blend" and another time that's not in view. (If you click "Mapping" you'll see the rules of each card type. I would guess that the "Banner" card has a rule that maps any banner item, but I'm not sure.)

You can read more about cards and layout (and watch a video) here:

Create cards and layouts in AEM Mobile apps

Let us know if you have other questions.


Level 2

Bob, thanks - this is the animated gif that plays when you first edit a layout; so, unfortunately there's nothing I can really inspect.



Oh, I see. Let us know if you have questions when start experimenting with content.