.diagnosticPropertiesGroupHeader { background-color: #EFF4F9; height: 70%; } .diagnosticPropertiesGroupHeaderContent { color: #2C4E6C !important; } <ToolbarSpacer/> <!-- aligns following content to right site --> <Button icon="sap-icon://synchronize" tooltip="Refresh" press="onRefreshData"/> <MenuButton icon="sap-icon://copy" tooltip="Copy Plaintext" enabled="{data>/copyEnabled}" buttonMode="Split" defaultAction="onCopyDataPlain" useDefaultActionOnly="true" width="auto"> <menu> <Menu> <items> <MenuItem text="Copy Plaintext" icon="sap-icon://copy" press="onCopyDataPlain" /> <MenuItem text="Copy HTML" icon="sap-icon://attachment-html" press="onCopyDataHTML" /> </items> </Menu> </menu> </MenuButton> <Button icon="sap-icon://sys-help" tooltip="Documentation" press="onShowDocumentation"/> </Toolbar> </headerToolbar> <!-- columns --> <columns> <Column id="nameCol" width="30%"/> <!-- property name --> <Column id="valueCol"/> <!-- current value --> </columns> <!-- content --> <items> <ColumnListItem> <cells> <VBox> <!-- Keys --> <!-- Only group headers (type equals "group") get class diagnosticPropertiesGroupHeader to identify and style them later on --> <Text text="{data>name}" class="diagnosticPropertiesGroupHeaderContent" visible="{= ${data>type} === 'group'}"/> <Text text="{data>name}" visible="{= ${data>type} !== 'group'}"/> </VBox> <VBox> <!-- Values --> <!-- Show simple string, requires type='string' --> <Text text="{data>value}" wrapping="true" visible="{= ${data>type} === 'string'}"/> <!-- Show simple link with target _blank, requires type='link' --> <Link text="{data>value}" href="{data>target}" target="_blank" wrapping="true" visible="{= ${data>type} === 'link'}"/> </VBox> </cells> </ColumnListItem> </items> </Table> <!-- This textarea is required to copy data to the users clipboard. It needs to be rendered at least with the size of 1 pixel when content should be copied from it into the users clipboard. Therefor it has all these style attributes. display:none will be changed to display:block at runtime and after copying data has finished, display will be set again to none. --> <html:textarea id="CopyDataTextArea" style="display: none; height: 0; width: 0; padding: 0; color: transparent; background: transparent; border-color: transparent; position: absolute; bottom: 0; left: 0;"> </html:textarea> <!-- Placeholder as direct DOM insertion is not allowed in UI5. Needed by function fnOnCopyDataHTML when copying HTML formatted data to clipboard. --> <html:div id="CopyDataHTML"></html:div> </content> </Panel> </mvc:View>