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

Banner card within layout template

jasonsturges
Level 2
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?

banner-card.png

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
Bob_Bringhurst_
Employee
Employee

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.

jasonsturges
Level 2
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.

Bob_Bringhurst_
Employee
Employee

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