Question Re: How to remove the left/right margin? in Technology Q&A

How to remove the left/right margin?

rammel_sapdev — Fri, 09 May 2025 20:38:26 GMT

Hi,

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

M-K — Sat, 10 May 2025 11:12:39 GMT

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

FabioPagoti — Sun, 11 May 2025 10:01:27 GMT

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

rammel_sapdev — Mon, 12 May 2025 14:18:22 GMT

Thank you so much!

boghyon — Sun, 25 May 2025 20:16:27 GMT

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