cancel
Showing results for 
Search instead for 
Did you mean: 

SAPUI5: margin around header content

timkudla
Participant
0 Kudos
777

Hi,

I have the problem that there is some less space around NumericContent control inside the header of a page. Changing the class to responsive margin had not any effect.

To understand it better, here a picture from the element:

and the belonging xml-view:

<mvc:View controllerName="ui.controller.xxx" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:mvc="sap.ui.core.mvc" displayBlock="true" xmlns="sap.m" xmlns:f="sap.f"> 
  <Page title="/----\" showNavButton="true" navButtonPress="routeBack">
    <headerContent>
      <NumericContent id="userErrorCount" icon="sap-icon://message-warning" iconDescription="[...]"/>
    </headerContent>
    <content>
      <IconTabBar expanded="true" expandable="false" select="showSource" width="auto">
        /*
        [...]
        */
      </IconTabBar>
    </content>
  </Page>
</mvc:View>

The space above and on the right side is enough, but not this at the bottom.

Does somebody have an idea that there is some more space?

Thanks in advance

View Entire Topic
eyup_aksoy
Explorer

hi

You can override sap css in your css with same name



.sapMBar {

display: block;    
width: 100%;    
position: relative;    
height: 6rem;    
line-height: 3rem;    
color: #666666;    
background-color: #f2f2f2;    
text-shadow: 0 1px rgba(255,255,255,0.5);    
box-shadow: inset 0 -0.0625rem #dddddd;

}