Listcollection padding

Marco85 · July 10, 2024, 5:09pm

Hi all,
I can't remove native padding from a list collection in my mobile app.

Added to another main screen padding mean that i have some horizzontal space unused.

I've read som topics related this issue but i'm not able to solve it..
Someone could help me?

Jack_T · July 25, 2024, 5:39pm

Could you share a screen shot of the app? If you can annotate/draw the padding space you are looking to remove I might be able to help!

Marco85 · July 25, 2024, 8:36pm

Hi Jack.. here one of the page of my app..
as you can see i have a page padding on both the side.. left and right..
and after the chart i have some containers and a listcollection..
all the container has 0-padding.. but the listcollection however show some padding on both the side..

here the component list..

i would like to remove or reduce both the padding...
the main page padding and the listcollection padding.

thanks for you support.

james.lee · July 25, 2024, 11:37pm

Hey @Marco85,

Looks like this spacing is scroll bar from browser but hidden. Can you check if the padding still exists in native app (iOS, Android)

Marco85 · July 26, 2024, 7:02am

Hi James..
Yes.. both the padding are visibile also in native android app..
I could keep the main page padding.. this is not a problem.. but the second one (listcollection padding) take off some usefull horizzontal space..

james.lee · July 26, 2024, 11:36pm

@Marco85

can you send me the app export ?

james.lee · August 8, 2024, 11:37pm

Hey @Marco85

I looked both web and android but couldnt find the extra padding.

Can you provide me version (mobile app and editor) ?

Marco85 · October 25, 2024, 7:24am

Hi James..
if you want i can give you a team viewer access to my desktop and we can see it together..
here another screen.. i hope this can help you to better understanda my issue.

I noticed that every screens has a native padding of 16px as you can see in this screenshot

where can i reduce this main padding?

Jack_T · October 28, 2024, 5:07pm

Hello @Marco85,

Apologies that you are still facing this issue.

I just messaged James to see if we can check out those screen shots you jsut shared, thanks for those!

If you go into your app and click the "Export to JSON" option, our team will be able to clone your apps components and see if we can figure out how to get the display to remove the padding.

None of your data will be included as the JSON clone does not include any resources/data that you are using and is the easiest way for us to help directly.

From our docs here, it seems that the components should have options for their padding available from the inspector panel. With web apps we would be able to apply Custom CSS to alter them further but mobile does not have this custom css option yet.