Using Kolmogorov complexity to measure difficulty of problems? Expand Arrow free icon . To collapse or expand all the headings in your document, right-click the heading and click Expand/Collapse > Expand All Headings or Collapse All Headings. This way, the sap.ui.TreeTable only needs to change the style class from sapUiTableTreeIconNodeClosed to sapUiTableTreeIconNodeOpen on the , depending on the expanded/collapsted state of the row: the css magic will take care of rendering the right icon. This works as long as we know what values the attribute will have, which is of course the case here, as there will only be 2 different values, corresponding to the collapsed or expanded state of the panel. Our hypothesis was that having no icon would cause users to expect that tapping on the menu item would take them directly to a new page, and this hypothesis held up in our study. She also serves as editor for the articles published on NNgroup.com. Is it suspicious or odd to stand by the gate of a GA airport watching the planes? Alerting is not available for unauthorized users, "css/ui5-customization-m.TabContainer.css", "css/ui5-customization-ui.tree.TreeTable.css", * sap.ui.table.TreeTable: better icons for expanded, * sap.ui.table.TreeTable: better icons for collapsed, https://openui5.hana.ondemand.com/1.87.0/resources/sap-ui-core.js. The test was conducted on UserZoom as a series of first-click tasks, administered on mobile devices. But I'm facing issue with expand and collapse icons. You can quickly add an outline level and make part of your document collapsible by adding a heading using Word's built-in styles. Now, go to the Data tab, and in the Outline group, select the Group option. We created a foil icon (that had not been used before for accordions) in order to see whether the type of icon mattered at all or the presence of an icon next to the accordion name was enough to signal an accordion (but the icon itself did not matter). The nature of simulating nature: A Q&A with IBM Quantum researcher Dr. Jamie We've added a "Necessary cookies only" option to the cookie consent popup. User Experience Stack Exchange is a question and answer site for user experience researchers and experts. To ensure that the frameworks CSS for the ui.tree.TreeTable control is loaded before our custom CSS, simply include the sap.ui.table library in the data-sap-ui-libs property of the