What’s New in Guideline Version 1.136

<div> <div>Topic</div> <div>Update</div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Fdiscover%2Fframeworks%2Fsap-fiori-elements%2Flist-report%2Flist-report-header-sap-fiori-elements%23editing-status-filter">List Report - Header</a></div> <div>This page has been updated to reflect that for the <em>Editing Status</em> filter SAP Fiori Elements for OData V4 now uses a select control instead of a combo box.</div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Fdiscover%2Fframeworks%2Fsap-fiori-elements%2Fobject-page%2Fobject-page-overview-sap-fiori-elements%23message-toast-on-discard">Object Page - Overview</a></div> <div>This page has been updated to reflect that a message toast is displayed if the user made changes in a draft before discarding it.</div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Fdiscover%2Fframeworks%2Fsap-fiori-elements%2Fobject-page%2Fobject-page-header-sap-fiori-elements%23grouping-actions-in-a-menu-button">Object Page - Header</a></div> <div>This page has been updated to reflect that actions with a similar business purpose can now be grouped in a menu button, with SAP Fiori elements for OData V4.</div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Fdiscover%2Fframeworks%2Fsap-fiori-elements%2Ftables-and-lists%2Ftable-features-sap-fiori-elements">Table Features</a></div> <div> <p>This page has been updated to reflect:</p> <ul> <li>The default number of table rows displayed, and the default number preloaded from the backend.</li> <li>New actions available in the context menu for the tree table.</li> </ul> </div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Fdiscover%2Fframeworks%2Fsap-fiori-elements%2Ftables-and-lists%2Ftables-toolbar%23grouping-actions-in-a-menu-button">Table Toolbar</a></div> <div>You can group actions with a similar business purpose in a menu button, with SAP Fiori elements for OData V4.</div> </div>

<div> <div>Topic</div> <div>Update</div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Ffoundations%2Fvisual%2Fcozy-compact">Content Density (Cozy and Compact)</a></div> <div>Added implementation details for the use of cozy and compact content densities in SAP Fiori launchpad.</div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Ffoundations%2Fvisual%2Fux-illustrations">UX Illustrations</a></div> <div>This page has been updated to reflect the latest illustration style.</div> </div>

<div> <div>Topic</div> <div>Update</div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Ffoundations%2Finteraction%2Fdrag-and-drop-overview">Drag and Drop</a> (New)</div> <div> <p>New foundation guidelines on handling drag and drop interactions to reorder, resize, move, or transfer elements.</p> <ul> <li><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Ffoundations%2Finteraction%2Fdrag-and-drop-overview">Overview</a>: The overview outlines drag and drop types and explores common behaviors such as scrolling, gestures and mapping, localization, undo, and confirmation. It also presents alternative methods for drag and drop interactions.</li> </ul> <p>Dedicated pages are available for each drag and drop type:</p> <ul> <li><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Ffoundations%2Finteraction%2Fdrag-and-drop%2Freorder">Reorder</a>: Rearranging items within a component, such as list items, to dynamically organize content.</li> <li><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Ffoundations%2Finteraction%2Fdrag-and-drop%2Fresize">Resize</a>: Resizing components like dialog boxes or table columns, adjusting both content and layout to fit new dimensions.</li> <li><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Ffoundations%2Finteraction%2Fdrag-and-drop%2Fmove">Move</a>: Dragging elements to alter their position or value.</li> <li><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Ffoundations%2Finteraction%2Fdrag-and-drop%2Fdata-transfer">Data Transfer</a>: Transferring data between components or applications, like dragging files from one list to another or uploading files.</li> </ul> </div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Ffoundations%2Finteraction%2Fgestures">Gestures</a> (New)</div> <div>New foundation guideline on the use of touch gestures for interacting with mobile and touch-enabled web environments.</div> </div> <div> <div><a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Fv1-136%2Ffoundations%2Finteraction%2Fmotion-design-overview">Motion Design</a></div> <div> <p>Fully revised foundation guideline on the use of animated visual elements to support interactions.</p> <p>This topic has been moved from the visual foundations section to the interaction foundations.</p> </div> </div>