how to remove padding for content panel & tabs panel

Discussion Forum SAP Fiori Design how to remove padding for content panel & tabs panel
Viewing 5 posts - 1 through 5 (of 5 total)
Itelligence India Software Solution

Unfortunately Am unable to upload screenshot. The INSERT PHOTO is not working 🙁 I will try to explain my problem.

I have screen with 2 sections- Top & Bottom. On top we have list items displayed(header). After header in bottom(content area),  we placed Icon Tab bar. Problem is top section has design end to end. But bottom tab bar has padding on left & right.

  • Now how to remove this padding for tab bar without custom css? Is any property to write like (padding false/true)?
  • If I use custom css, the app will have any affect when I change theme to ohter?
Admin
SAP SE

Hi Amaranadh, 

the picture upload should work again.

 

BR,

Sebastian

Itelligence India Software Solution

Padding around icon-tabs need to remove.

Hi Amaranadh,

You can add the following predefined CSS style class to the Dynamic Page:

<f:DynamicPage xmlns:f="sap.f" class="sapUiNoContentPadding">

Itelligence India Software Solution

Hi Hoffmann,

Yes Its working. Thank you.

Viewing 5 posts - 1 through 5 (of 5 total)
 

You must be logged in to reply to this topic.