There are three page regions to consider when designing a page; the header, the body, and the footer. This article focuses on the page body and standard row types.
The following topics are covered here:
- What are standard rows?
- How do I configure standard rows?
- Naming the row
- Specifying row details
- Previewing the image display
- Standard row properties
- Creating row variants
- Adding further rows
- Making changes to the row
- Saving and publishing your page
What are Standard rows?
Standard rows are used within the body of a page. They encourage content discoverability and provide users with rich programmatic imagery and more metadata. Presentation Manager has several standard row types, which you can select and apply according to your use case.
Remember that the row types available will depend on the selected page type and row region. To learn more about this, read our detailed article on pages and supported rows.
Note: Rows are occasionally referred to as rails.
Once you've configured the header/hero row, you'll want to think about adding some standard rows to the page body. The process is very similar to how you add header/hero rows, although some of the fields are different.
Standard row types include:
- Poster rows
- Tile rows
- Sports rows
- Square rows
- Block rows
- Tall rows
- Continuous rows
- Text rows
- Text Link rows
- User rows, e.g., My List, Continue Watching, Bookmarks (user activity populates these.)
Select an option below to see some standard row examples:
Below is an example of a P1 standard row. Content is displayed on a carousel (width 2:3) with peeking assets at either end.
This is an example of a PB4 Branded image row. This branded row means imagery is added and displayed inside the boundary of the container. Content is displayed on a carousel (width 2:3) with peeking assets at either end.
This is an example of a T1 standard row. Content displays on a carousel (width 16:9). In this example, the top row does not show asset titles, while the second row does. The two rows displayed here use the same row type, but the properties have been configured differently.
This is an example of a T2 Large row. Content displays on a carousel (width 16:9). The example shows the top row without asset titles, while the second row shows asset titles. The two rows displayed here use the same row type, however the property configuration for each one is different.
How do I configure standard rows?
- Select the
button.
- Choose the desired row type.
The list of selectable row types depends on the page type in which you're adding the row. A brief description and example of the row type with image dimensions are shown to help you make a selection.
Naming the row
Manually enter a title for your row, or dynamically inherit the title from the list you associate with the row.
The row title displays above the listed content in the apps.
Specifying row details
When you add a new row of any type, you'll need to specify details to control its behavior.
Settings to be configured here include the device the row appears on, the type of users it's displayed to, any associated segmentation tags, and specified dates.
- Select list: Start typing to display predefined lists of content. Once selected, a preview of row imagery is displayed.
- Any Device: Select which device this row appears on, meaning specific rows appear on some devices but not others.
- Any User: Select the user group in which this row appears.
- Any Segmentation Tag: Select or create segmentation tags to display content to specific users. Follow the link for more information on how to set segmentation tags.
- Add Timeframe: Specify the timeframe within which you want the row to appear, if relevant. Follow the link for more information on how to set variant scheduling.
As you configure your row, the preview feature gives you an idea of how it will appear in your Reference Apps.
Previewing the image display
Once you've selected a list, the row detail imagery populates with a preview. Depending on the row type selected, asset image previews are available for the respective devices.
Below is an example of imagery for the Featured TV 16:9 Tile row across multiple devices:
Browser:
Tablet and smartphone apps:
Standard row properties
Select the Properties accordion to define the row settings. The available fields will depend on the row type you've selected.
Note: Hover over the icon for tips.
Tagline: Insert additional text underneath the title. | |
Display Asset Titles:
Please note, this feature only applies to specific row types.
|
- Destination URL: Once the content is selected, define the URL the end-user redirects to. Read our article for more information on setting the destination URL.
- Breakout Top (applies to Branded rows only): Control how the title and tag line (if configured) are displayed. Examples below:
Inset: This option resizes the branded image in keeping with the height of the asset images. |
|
Outset: This option resizes the branded image so that it overflows from the top of your row. |
|
Edge: This option resizes the branded image to fit the height of the row. |
- Breakout Bottom/Left: Change the bottom and left image alignment settings.
Creating row variants
Clicking the button within a row allows you to create different variations of the same row, allowing you to change configuration settings for specific user groups.
To learn more, read our row variants article.
Adding further rows
To create additional rows, hover above or below a row to display the button.
Repeat the steps above for as many rows as you'd like to add. Once you're happy with how your page looks, click .
From AXIS 9.4, as you add rows to your page, a counter at the top is dynamically updated to tell you how many rows the page has. Hovering over it gives you a breakdown by page region. This helps you keep on top of the page size to avoid any performance or display issues.
Making changes to the row
Changed your mind? Easily change or remove rows by selecting the header row arrow to display options.
Select the row arrow to view additional options such as Send to top, Send to bottom - for any row which is not already at the top or bottom of the page - or Duplicate.
Alternatively, drag and drop rows within the page body to re-order.
Saving and publishing your page
By clicking the button, the page is made visible to your end-users to view and interact with.
Note: If you're unsure whether the page has been published successfully, you can select the page and then check the top left corner of the screen. Published pages display the status of LIVE.
Need to make additional changes before going live?
No problem, save your page without publishing by selecting the More button, followed by Save. This saves your changes but leaves your page in a draft state.