cancel
Showing results for 
Search instead for 
Did you mean: 
Read only

How to remove the left/right margin?

rammel_sapdev
Participant
0 Likes
1,018

rammel_sapdev_0-1746823048492.png

Hi, 

Is there a way to remove the left/right margin so I can display the entire TreeTable?

Accepted Solutions (1)

Accepted Solutions (1)

FabioPagoti
Active Contributor
0 Likes

Just change (or add if it's missing) the "fullWidth" property inside your "manifest.json" file to "true".

This goes inside path "sap.ui"

{
    "sap.ui": {
        "fullWidth": true
    }
}

Source: Manifest (Descriptor for Applications, Components, and Libraries) - Documentation - Demo Kit - SAPUI...

rammel_sapdev
Participant
Thank you so much!

Answers (2)

Answers (2)

boghyon
Product and Topic Expert
Product and Topic Expert
0 Likes

The margin (not the CSS margin) on the left and right sides of the launched app is the shell UI's letterboxing concept. You can enable or disable it depending on the scenarios as I've described here: How to disable or enable letterboxing and adjust UI5 for the widescreen? - Stack Overflow

M-K
Active Participant
0 Likes

Hi rammel_sapdev,

this could be some padding from the surronding container control. Check if you can apply "sapUiNoContainerPadding" as CSS class to it:
https://sapui5.hana.ondemand.com/#/entity/sap.ui.core.ContainerPadding

Maybe have a look at the TreeTable Example, too (this doesn't show any margin for me):
https://sapui5.hana.ondemand.com/#/entity/sap.ui.table.TreeTable