This article introduces how to use branded rows.

Topics covered here:

• Which row types support branding?
• How to set up a branded row
• Branded row examples
• Use case examples (combining branded rows and editorial images)

Branded rows in AXIS enhance the appearance of lists, making them stand out on a busy page. They are specific row types that are designed to:

• Showcase imagery relating to the list
• Display advertisements or sponsorships
• Display text
• House links (to specific content or to the related list)

Branded rows work with row theming, which lets you choose a background color for the list. For more information, visit our set up themes article.

Which row types support branding?

The following row types support row branding:

• PB1 - Branded Cover (2:3 assets with leading 4:3 list image)
• PB2 - Branded Title (2:3 assets with a leading title and list theming)
• PB3 - Branded Background (2:3 assets with leading 16:9 list image and list theming)
• PB4 - Branded Image (2:3 assets with 16:9 breakout list image and list theming) 
• SB1 - Branded cover row (1:1 assets with leading 4:3 list image)
• SB2 - Branded title (1:1 assets with a leading title and list theming)
• SB3 - Branded background (1:1 assets with leading 16:9 list image and list theming)
• SB4 - Branded image (1:1 assets with leading 16:9 list image and list theming)
• TB1 - Branded cover (16:9 assets with leading 4:3 list image)
• TB2 - Branded title (16:9 assets with leading title and list theming)
• TB3 - Branded background (16:9 assets with leading title and list theming)
• TB4 - Branded image (16:9 assets with leading 16:9 breakout image and list theming)

Note: From Ref Apps 7.0 onwards, the following row types support branded rows: PB1, PB2, PB3, and PB4.

How to set up a branded row

The following steps detail how to set up a branded row within AXIS Presentation Manager:

1. Create a list with relevant assets - see creating and managing lists
2. Via the list Content tab, add required images (add relevant image sizes based on the desired branded row image requirements)
3. Specify list metadata
4. Configure list theming (if required) - see set up themes
5. Create a page — see pages and supported rows for information on available page types
6. On the newly created page, add a branded row for the list to display within (choose from branded rows listed above)
7. Add the list to the branded row — select or create a page
8. Within the row properties, specify the destination URL. By default, selecting the branded row tile in a list will display the list detail page, unless otherwise specified - set destination URL
9. Publish the page

Branded row examples

PB1 row set up:

PB1 row front-end example:

PB4 row set up:

PB4 row front-end example:

Additional use case examples

There are many creative options with branded rows and theming. This next section explains how to combine branded rows with editorial images to create the illusion of larger rows.

For example, adding an ED1 Editorial image row followed by a PB4 Branded image (2:3) row and another ED1 row, all with the same row theme, displays to end users like it's one big row.

ED1 and PB4 combined branded row and editorial image example:

How to set up a combined branded and editorial image row

1. Set up the ED1 row with the required editorial image.
2. Set up the PB4 row with the relevant list.
3. Set the list theme for the PB4 row (in the associated list properties) to match the colors in the ED1 image. For example, set the PB4 list theme color to match the ED1 Winter is Here image color.

ED1 image example:

PB4 list row theming example:

The example below shows the Primary #123147 color matches the ED1 image.

ED1 and PB4 front-end example: