Display layout guidelines

This section describes coding guidelines for display layouts when using the Layout Editor.

Naming

  • Format: [PageName][Purpose]["Page"]
    • [PageName] is the page where the layout grid is used.
    • [Purpose] indicates the layout’s purpose.
    • ["Page"] is included only when the layout is for the top level page.
  • Nested layouts format: [ParentLayoutName][Purpose]

    Examples:

    • ProductsPage
    • OrderStatusDetail
    • ContactUsSalesPerson

Layout

  • Default cell height: 25px
  • Default row width: 980px
  • Styles applied at the FDF level add padding and borders to achieve the overall page width of 1024px
  • Typical page layout contains:
    • A row for the page title with the 'PageTitle' User Defined Style on the cell. PageTitle is used for non-responsive and wide-format responsive pages. PageTitle320 is used for narrow-format responsive pages. Note: The cell height for page titles on narrow pages is 35 pixels.
    • A row for the page filter with the 'PageFilter' UDS on the cell. PageFilter is used only on non-responsive pages.
    • A row for page content with the 'PageContent' UDS on the cell