Skip to Content

SAPUI5: margin around header content

Jun 29, 2017 at 11:47 AM


avatar image


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="" xmlns:html="" xmlns:mvc="sap.ui.core.mvc" displayBlock="true" xmlns="sap.m" xmlns:f="sap.f"> 
  <Page title="/----\" showNavButton="true" navButtonPress="routeBack">
      <NumericContent id="userErrorCount" icon="sap-icon://message-warning" iconDescription="[...]"/>
      <IconTabBar expanded="true" expandable="false" select="showSource" width="auto">

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)
10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

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


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;


2017-06-30-1532.png (208.7 kB)
10 |10000 characters needed characters left characters exceeded