#Edit component principle app series

The change requires a finalizing action.Д®xample: Deleting a sales order item would affect the entire sales order and dependent data.The change has a critical impact on business data/follow-on processes.The change does not impact a critical flow or result in technical inconsistencies.Д®xamples: Adding a comment, uploading a fileДo not offer edit actions in display mode if:.This is especially true if the change is small and quick, and switching to edit mode would take longer than making the change. Switching to edit mode would inconvenience the user.You can offer edit actions in display mode if: However, in some cases, it can be helpful to offer certain edit actions in display mode as well. The standard flow is to switch to edit mode for edit and delete actions. SAP FioriВ elements provide an option to show or hide fields on small screen devices based on their importance.Д®dit Actions in Display Mode (freestyle apps only) You can enable users to show and hide forms, groups orВ label-value field pairs using the Show More / Show Less toggle button. If you are using the object page without object page blocks, you can use the column layoutВ for forms, which automatically distributes form groups across the columns in the object page. Using top-aligned labels also avoids issues with the spacing between the label and form field, which can occurВ withВ left- and right-aligned labels. Top-aligned labels are known to reduce completion times and are the best approach for forms requiring localization or long labels. To prevent confusion, we recommend inserting actions only in one place, depending on the use case.

If you need action at group level, you can use a group header. If you need to perform any actions, you can use the subsection header.

To improve access to the different forms we recommend always using one subsection per form, rather than placing multiple forms into one subsection. The title of the form is given by the subsection header. They follow the column design of the object page, whereby each form group is arranged into a column. Use tab bar navigation if your page covers different topics that each have complex content, such as long tables or lists.ДЇor more information, see Tab Bar Navigation.ДЇorms follow the standard layout of the object page:ДЇorms are located within subsections. The tabs remain visible when the user scrolls down the page.

Clicking a link navigates to the respective subpage.

#Edit component principle app series

The tabs are a series of links to subpages, arranged horizontally at the top of the page. Use anchor bar navigation when the content belongs together but users might want to jump to specific parts directly.ДЇor more information, see Anchor Bar Navigation. The anchor bar remains visible when the user scrolls down the page. Clicking a link navigates to the respective section. The anchors represent sections or subsections of the page. The anchor bar consists of a series of links, which are arranged horizontally at the top of the page. If the content is complex there are two ways to structure it: To offer the EditВ action in the anchor bar, you must create the anchor bar with a section. An object page with only one section doesnвЂ™t have an anchor bar. If you need only one section, but require an editable header, use the object page layout. However, try to avoid having an editable header and move the content from the header to the sections instead. When you use the object page layout, you can also make the header editable when the page is in edit mode. You can only have several sections in the object page layout. If you need to structure your content in different sections, use the object page layout. In the dynamic page layout with oneВ section, the header area canвЂ™t be edited when the page is in edit mode. If your content can be shown in just one section, use the dynamic page layout.