Editing standard rows

Prev Next

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.

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.

Tablet_and_Mobile_poster_rows.jpg

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.

Tablet_and_Mobile_poster_rows_2.jpg

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.

Tablet_and_Mobile_tile_rows.jpg

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.

Tablet_and_Mobile_tile_rows_2.jpg

How do I configure standard rows?

  1. Select the  button.

  2. Choose the desired row type.

Adding_Standard_Rows.gif

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.

Auto_name_rows.jpg

The row title displays above the listed content in the apps.

Standard_Rows_-_Title_Example.png

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.

Editing_standard_rows_-_no_list_selected.png

  • 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.

Standard_Rows_-_List_example.png

Below is an example of imagery for the Featured TV 16:9 Tile row across multiple devices:

Browser:

Image_size_examples.png

Tablet and smartphone apps:

Standard_rows_image_size.jpg

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 Hover_question_mark.png icon for tips.

Propertiees_Panel_-_Standard_Rows.png

Standard_Rows_-_Tagline_example.png

Tagline: Insert additional text underneath the title.

Standard_Rows_-_Display_Asset_Titles.png

Display Asset Titles:

  • Set to Overlay for content titles to appear over the top of imagery.

  • Set to None to hide content 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:

Standard_Row_Properties_-_Breakout_top_-_inset.png

Inset:

This option resizes the branded image in keeping with the height of the asset images.

Standard_Row_Properties_-_Breakout_top_-_outset.png

Outset:

This option resizes the branded image so that it overflows from the top of your row.

Standard_Row_Properties_-_Breakout_top_-_egde.png

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 Add_button.png 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.

Standard_Row_-_Add_variant.png

Adding further rows

To create additional rows, hover above or below a row to display the How_to_Add_a_page_-_Add_row_button.png 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 the How_to_Add_a_page_-_Save_and_Publish.png button.

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.

Row_count_tooltip.png

Making changes to the row

Changed your mind? Easily change or remove rows by selecting the header row arrow to display options.

Variants_-_Specify_Details.png

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.

row_options.png

Alternatively, drag and drop rows within the page body to re-order.

Reorder_rows.gif

Saving and publishing your page

By clicking theHow_to_Add_a_page_-_Save_and_Publish.png 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.

How_to_Add_a_page_-_LIVE.png

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.

Pages_-_Save.png