[UWP][XBOX] App c# is not full screen?

Question

Hello,

I'm adapting my uwp app in order to work on Xbox correctly, and it isn't full screen, there are black border on top, right, left and bottom. I have made a "hello Xbox" and it has same problem. So is it normal? will app be full screen on the release? Or have I do something? I need to know it because app shows some videos and it requires full screen in order to get a good experience.

Thanks and happy coding!

Answer 1

Hi,

Those borders are called the TV-unsafe area.
UWP on Xbox sets them by default to ensure that your app will be fully-displayed on every TVs.

It's possible to remove them and get a fullscreen app.
See this link for a complete explanation : https://msdn.microsoft.com/en-us/windows/uwp/input-and-devices/designing-for-tv#tv-safe-area

Answer 2

I have asked it because I read that there was/is a bug about it. Ok, then, I have show to user a page in order to adjust the app to screen, is it correct? because the safe área is very ugly on screens that is showed (I understand the technical reason (I developed bit by bit in order to process signal TV...)) I have tought that Xbox will be setted by user in order to adjust to screen TV, and then Apps will work about the Xbox settings. I have said this, because if I delete the safe área, my TV (with HDMI) delete image of borders... So I believe that I need a specific UI in order to adjust it.

Is it possible to adjust the padding of all App? or do I have to do it in all pages?

Thanks you again

Answer 3

There is indeed a bug about TV-safe area, but only for Javascript apps : https://msdn.microsoft.com/en-us/windows/uwp/xbox-apps/known-issues
I can't find documentation on whether or not UWP apps use the TV calibration of the Xbox.

You can define a global padding for your app on the root Frame in App.xaml.cs.

rootFrame = new Frame();
rootFrame.Padding = new Thickness(5);
Window.Current.Content = rootFrame;

But it's better to set it on each page as you will have more control on how to style that gap than with the method above.

Answer 4

Ok, thanks you!

Answer 5

I am also facing the same problem with javascript and html only. How can i solve this issue.