fullscreen_below and fullscreen_above

sdetweil

@ankonaskiff17 below and above are in/out directions

x = left/right
y = up/down
z = in (further from user)/out (closer to user)

the background apps use fullscreen_below (behind all other modules)

a screen lock might use fullscreen_above (above/on top of) all other modules)
or an alert

in addition the two areas are defined first (below) and last (above) with full screen size
so everything in between is on top of one (below) or behind the other (above)
see MagicMirror/index.html for the MM page structure

BKeyport

@ankonaskiff17 What kind of discussion were you looking for? They’re pretty obvious how they’re used. fullscreen_below is your background layer, fullscreen_above is your foreground layer.

Other than that, they’re the same as anything else.

I kinda like Sam’s explanation. Only thing I would change is that there’s technically two backgrounds. The background on screen, and the background off screen (No position)

ankonaskiff17

@bkeyport Saw an example in Custom CSS Showcase with image background and was wondering if it was placed on fullscreen below but looked at that CSS again and saw how image was placed. That, and just wondering what they did. When using Developer Tools I see them quite frequently but never seen any discussion of their purpose.

sdetweil

@bkeyport off screen is not a background. it’s just storage. it’s not visible

BKeyport

@ankonaskiff17 ah, yes. that’s likely fullscreen below, or inserted at the same place, Prime example of fullscreen below being used is MMM-BackgroundSlideshow.

Fullscreen above, I don’t know of anything using it, other than the built in alert module.