[SOLVED] Fullscreen removes all UI

Help & Support
1

Hi Guys,

Well i am using

 button.addEventListener('click', function () {
            app.enableFullscreen(app.canvas, function () {
                
                console.log('Now fullscreen');
            }, function () {
                console.log('Something went wrong!');
            });
        }, false);

to perform a fullscreen to the canvas. When i do this my UI just dissapears. Do i have to make an extra call to resize the UI to the new canvas width and height. any light in this direction will be really helpful.

2

Can’t you just do:

app.enableFullscreen(document.body);
3

Thanks Will, That resolved it very well.

4

That doesn’t work for me. It gives me this error

image
image.png707×167 10.4 KB

This is the code I’m using
image

5

Does it print the message “this is a phone”?

6

Yes it does.

image
image.png722×636 54.9 KB

7

Hi @Visama,

Check this post:

[SOLVED] Fullscreen API is deprecated?

8

@Visama the fullscreen operation needs to be initiated by the user (eg. press of a button), Im guessing you’re trying to set it fullscreen automatically on load?

9

Yes, It has to load automatically without the user. because on phones the screen is very tiny.

10

Can’t be done sadly. Try putting a huge splash with an ENTER button and have that button trigger the fullscreen

1 Like
11

Oh ok, thanks.
Anyway I ended up doing with other means so now is working fine.