20 results for Details page

Object Page Floorplan

Layouts, Floorplans and Frameworks

...across all floorplans and provide greater flexibility. For details, see the Header section below. Do not use the current implementation of the “page variant” feature in SAP Fiori elements. This feature is technically available for object pages, but we are still working on the final design. When to Use Use...

Analytical List Page (SAP Fiori Element)

Layouts, Floorplans and Frameworks
ALP Explore Image

...or “Completed”. They want to be able to switch views using tabs, segmented buttons, or a select control. In this case, consider using a list report. Users need to see or edit a single item with all its details. Use the object page floorplan instead. Users need to find a...

Overview Page – Stack Card | Quick View Card

Layouts, Floorplans and Frameworks

...single-object cards. They display the basic details for one object, such as the name, address, and phone numbers for a contact. This card type is only available within the object stream; you can’t place quick view cards on the overview page itself. The quick view card inherits the SAPUI5 element...

Overview Page - Card

Layouts, Floorplans and Frameworks

...all the cards consistently. For details , check out the UI text guidelines for the overview page. Card anatomy Card Header The card header area is mandatory, and serves three purposes: It indicates what the card is about. It functions as a navigation area for opening the parent app, whereby...

Message Page

UI Elements

...message, leave out the icon. Always include a message short text, and add a description with further details if needed. Do not show only the state of the message (like error or warning), but rather try to describe the problem. Help the user to recognize, diagnose, and resolve the issue....

Navigation

General Concept

...page is retrieved. Technically, this includes every part that is represented in the URL. For example, a master-detail app in a flexible column layout gets a new URL when another entry is selected in the master list and shown in the details area. This state with the new item can...

List Report Floorplan

Layouts, Floorplans and Frameworks

...used as an entry point for navigating to the item details, which are usually shown on an object page. When to Use Use the list report floorplan if: Users need to find and act on relevant items within a large set of items by searching, filtering, sorting, and grouping. Users...

Responsive Table

UI Elements
Responsive Table - Create01

...allows click handling on specific line items. Only use this option if the click triggers navigation to a corresponding line item details page. Single selection master: One item in the responsive table can be selected. Items are selected by clicking or tapping the whole row. The single select master mode...

Flexible Column Layout (Layout + SAP Fiori Elements)

Layouts, Floorplans and Frameworks

...item for which the details are being shown in the second or third column. This is especially important for large lists. For this case, you can enable a “navigated” indicator for tables and lists to mark the item that was last opened. If there are several tables/lists on one page,...

Manage Objects with Subpages - Global Flow

General Concept
Global flow - main page with edit button

...its sub-items in the message pop-over. Errors from the page which is visible (actual main page) will be displayed, with details if available. Errors from the sub-items are aggregated per sub-item. On subpages, validation only applies for the active screen and is executed on focus out, as the Save action...

Split-Screen Layout

Layouts, Floorplans and Frameworks

...From here, the user can drill down to subpages (line items). The title of the subpage shows, for example, (2 of 5). The details area can contain one of the following floorplans: Object view floorplan Flat object view floorplan Create page floorplan Object page floorplan Both areas have separate app...

Split-Screen Layout - Master List

Layouts, Floorplans and Frameworks

...results, the selected item remains visible in the details area The user resets the search and the selected item remains visible Message pageAs the master list and the details area appear side-by-side on tablets and desktops, the message page must be shown in the details area if no item is...

Worklist Floorplan

Layouts, Floorplans and Frameworks

...table. Triggering the link opens a quick view. Typically, the quick view displays basic details of the referenced object, as well as a navigation link to another page (usually an object page) or another app that shows the object details. Keep the column headers of all table types sticky. Footer...

Grid List

UI Elements

...“navigation”, which allows click handling on specific items. Only use this option if the click triggers navigation to a corresponding item details page. Single selection master: One item in the grid list can be selected. Items are selected by clicking the whole row. The single select master mode has no...

Tree

UI Elements
tree_final

...modes (sap.m.Tree / sap.m.ListBase, property: mode):None: Items cannot be selected (sap.m.ListMode.None). Beware: Items can, nevertheless, use the sap.m.ListType “navigation” which allows click-handling on specific items. This should only be used when the click triggers a navigation to a corresponding item details page. Tree without selectable items Single select master: One...

Manage Simple Objects

General Concept

...(first column) and the details of this object are shown in the second column. To switch to edit mode, the user clicks the Edit button in the header toolbar. The detail screen then changes to an editable form. Second column in edit mode: The following actions are offered in the...

Copy

General Concept

...The user selects an item to be copied. Multiselection is not possible. Clicking the Copy button takes the user to the details page. Copied object is part of a tableThe form is prefilled with the data from the selected item on the previous page. The form remains in edit mode...

Dynamic Side Content

UI Elements

...the main content (for example, a filter for list; settings for chart, details for map). Users should have access to all of the key functions and critical information in the app even if they do not see the side content. This is important because on smaller screen sizes it may...

Overview - Layouts, Floorplans, and Frameworks

Layouts, Floorplans and Frameworks
Floorplan Overview - Featured image

...a collection of items that a user needs to process. Working through the list usually involves reviewing details of the items and taking action. In most cases, the user has to either complete a work item or delegate it. Available Overview Page The overview page (OVP) is a data-driven SAP...

Draft Handling

General Concept

...placed in the toolbar on the main page and on subitems. Select Multiple Items – Master List The user can select multiple items in the master list as follows: Display first or last item (default): Either the first or last (default) selected item remains visible in the details area. If...