When using our app in landscape mode, there's a white border on the side of the screen that contains the in-screen camera (Google Pixel 7). Is it possible to style or completely remove this? Preferably it should be transparent so that it has the same colour as the background of the layout. It looks especially weird when opening a lightbox image, as the overlay is black.
It doesn't seem to be part of the lay-out and it's never rendered in Studio.
Have you tried opening the application in a browser and checking the CSS in the developer tools?
This border is not visible in the browser
You can try and use the developer tools to simulate the condition where the issue occurs. (turn phone 45° ,Landscape mode)
The screenshot I sent previously is in landscape mode.
i'm sorry if i mis understood but it doesn't look like your simulated phone is turned horizontally and neither does it look like the picture is in landscape mode
Thanks for trying to help. The screenshot is just the camera side of the screen and quite small so I understand if it looks different. The small dot is the in-screen camera. Here's the full view:
Sadly I'm unable to simulate the issue in the browser. I think the border is actually part of the Android system. Other apps seem to generally set the colour of this border to black.
I'm hoping there's a way in OutSystems to change this colour for our app as well.
Thank you for providing additional information. I believe you may be correct about the issue being related to Android, as the 'margin' seems to affect the displayed time. Nevertheless, I assume that someone on the forum will have a solution for this.
After a MABS upgrade to the latest version, the colour changed from white to a dark grey.
This is less ugly, but I'd still like to change it to black.
Hello
Instead of dark black for light box we can try making it lighter. because I think that bottom dark color with white line is a phone related UI, Which phone you are testing this, if we see this on ios, it remain transparent.Thanks
The bottom bar is phone UI, that's not what my question is about.
The left bar is also part of the phones UI, it's the notch. But with preferences I assume it should be stylable just like the notification bar etc. But probably not from CSS.
Testing this on a Google Pixel 7.