Skip to Content

SAPUI5 BlockLayout - remove cell padding


I'm using the BlockLayout in my SAPUI5 app. I like to remove the cell padding.

Therefore I added the style class "sapUiNoContentPadding" to my BlockLayoutCell.

The result is that the padding gets removed, excepting for the padding-left. It remains with 2rem.

It seems this is due to the standard class which is used in small mode (smartphone)

.sapUiBlockLayoutSizeS .sapUiBlockScrollingRow .sapUiBlockScrollableCell:first-child .sapUiBlockCellContent {padding-left: 2rem;}.

In M- or L-Mode it work fine.

I tried already to remove the class on "onAfterRenndering" event with method "removeStyleClass(), but it didn't work. Also the creation of a custom CSS class didn't help.

Any ideas how to get rid of cell padding in Small Mode (Smartphone)?

Thanks in advance.

Kind regards


Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

0 Answers