Skip to Content

SAPUI5: margin around header content

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

example.jpg (18.9 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Best Answer
    avatar image
    Former Member
    Jun 30, 2017 at 01:40 PM

    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;
    
    }
    
    
    
    

    Add comment
    10|10000 characters needed characters exceeded