Page layout
The following table describes the guidelines to follow when customizing screens in the Application Console.
| Object | Standards |
|---|---|
| Anchor Page | Defines the layout of the inner panels to be included on a screen. For example, the Order Detail anchor page includes all inner panels relevant to Order Detail and defines how they should be laid out. Each entity should have its own anchor page. Use the following standards when developing anchor pages: Table tags - The outermost, or container, <table> tag should contain cellspacing="0" and cellpadding="0" attributes as the spacing is achieved through the classes used for the inner panels themselves. If these attributes are not set to "0" the amount of spacing and padding could potentially be inconsistent. Cell tags - <td> tags within the same <tr> tag should contain height="100%" to ensure the horizontally aligned cells are the same height. |
| Inner Panel Title-bars | Access to available pop-up windows granted through left-aligned icons in the title-bar. Available actions included in the right-aligned drop-down in the title-bar. Both of the above are achieved through the Service Definition Framework. |
| Insets | Should be laid out symmetrically and consistent with other screens. Should be spaced five pixels from each other and from the edge of the main page. Apply this spacing to the inner panels, starting with the top inner panel and working down and to the right. For each individual inner panel, apply spacing to the top, left side, right side and then the bottom. Be careful not to add more spacing than necessary. For example, if there are two inner panels horizontally aligned and the left panel has been specific a right spacing of 5px, the right panel does not require left spacing of 5px, as this would result in total spacing of 10px. |
| Labels and Inputs | Specific names for labels on the screen should be the same as the names used in the Applications Manager. If not used in the Applications Manager, the labels should be the same as console in previous releases. Should be vertically spaced 5 pixels from one another. There is no default value for padding or spacing. |
| List Checkboxes | Checkboxes that appear in lists to enable the user to select specific rows. These should appear to the left of each row and is coded within the JSP that displays them. |
| Lists | All columns displaying numeric values should be right aligned. |
| Menu Bar | Should be displayed at the top of all pages that are not pop-up windows. |
| Page Title-bars | Should describe the current page and contain a list of available views when there is more than one view available. |
| Search Criteria | All available search criteria text inputs should be preceded by a combobox. For text search fields, provide combobox options for is, starts with, and contains. For numeric search fields, provide combobox options for less than, greater than, and equal to. Lookups should be provided to the right of the text inputs. |