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