Fullscreen Question

altZany

To make a code.org applab project fullscreen, do I have to make it entirely out of HTML?

DragonFireGames

altZany I believe @Varrience had a method for doing this on any app lab project.

Letti42

no but it definitely helps with the layout as not all screens or browsers will have the same dimensions

code

example

altZany

Letti42 It does go fullscreen but how do I make it so that it goes off of the "screen" for example, if I set the y value to 500 it just disappears off of the screen

Letti42

altZany hideElement(id)

altZany

Letti42 Like this?

var url = getAttribute("divApplab", "baseURI");
if(!url.includes("edit") && !url.includes("view"))setStyle('divApplab', "position: fixed; top: 0; left:0; width: 100vw; height: 100vh; z-index: 1000000;");
button('hi', "lol");
setPosition("hi", 500, 500, 100, 40);
hideElement("hi");

it doesn't seem to be working for me.

Letti42

I'm confused, what do you want it to do? It's hiding the element so it doesn't show

altZany

Letti42 If I try to make a button centered in the middle of the screen (for example) it just dissapears.
https://studio.code.org/projects/applab/llBZT3pVx4ofKfW7RqMcMjs4rmeWG1nP7PPSI8gkzP0

Letti42

you have to add another setStyle to the screen you use, just copy the one for divApplab and paste it in the same if statement but replace divApplab with screen1.

altZany

Letti42 Ah, I see. Thanks!