What’s New in Guideline Version 1.128

<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">List Report Header</a></div> <div> <p>With SAP Fiori elements for OData V4:</p> <ul> <li>The limit for a search string is 1000 characters.</li> <li>You can hide the <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"><em>Editing Status</em> filter</a> from the list report filter bar. This feature was already available with SAP Fiori elements for OData V2.</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%2Ftable-features-sap-fiori-elements">Table Features</a></div> <div> <p>With SAP Fiori elements for OData V4:</p> <ul> <li>The generic context menu is now available for tree tables and can contain <em>Move Up</em> and <em>Move Down</em> actions for tree table nodes.</li> <li>By default, a newly created tree table node is always displayed first in the table or as the first child below its parent node, even when a sort or a filter is applied to the table.</li> </ul> <p>Instead, you can enable an option to display the nodes in the order that they were created in the table or parent node. This feature allows users to act directly on the table hierarchy when they create new table elements or reorder the table nodes.</p> </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-rows-sap-fiori-elements-2">Table Rows</a></div> <div> <p>With both versions of SAP Fiori elements, in draft-enabled applications, you can enable or disable the <a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Fdiscover%2Fframeworks%2Fsap-fiori-elements%2Ftables-and-lists%2Ftable-rows-sap-fiori-elements-2%23empty-row-for-data-entry-in-create-and-edit-modes">empty row for data entry</a> feature for:</p> <ul> <li>An application, so the setting applies to all grid tables and responsive tables in all object pages</li> <li>A table, so it applies only to the table</li> </ul> <p>When settings are made at <strong>both</strong> application and table levels, the table setting takes priority.</p> <p>Additionally, with SAP Fiori elements for OData V2, you can enable or disable the feature at the object page level.</p> <p>When the settings are made at application, object page, and table levels, the setting at the most granular level takes priority, as follows: table, object page, application.</p> </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">Table Toolbar</a></div> <div> <p>With SAP Fiori elements for OData V4:</p> <ul> <li>The limit for a search string is 1000 characters.</li> <li>The export action excludes table columns that contain a <a href="https%3A%2F%2Fwww.sap.com%2Fdesign-system%2Ffiori-design-web%2Fui-elements%2Fmultiinput%2F">multi-input field</a> (1:N).</li> <li>You can enable the mass edit for a grid table or responsive table in the object page. When the object page is in display mode, users can apply the mass edit to the subobjects in a table.</li> <li>You can define the fields that display in the <em>Edit</em> dialog for mass edit. This feature was already available with SAP Fiori elements for OData V2.</li> </ul> <p>By default, the <em>Edit</em> dialog contains all the table columns that are currently visible and editable.</p> <p>Now, the application team can define the fields that display in the dialog, by both:</p> <ul> <li> <ul> <li>Including fields in the dialog that <strong>are not</strong> displayed in the table</li> <li>Excluding fields from the dialog fields that <strong>are</strong> displayed in the table</li> </ul> </li> </ul> </div> </div>