A Maglr page can be made up out of multiple types to display it fullscreen or as a scrollable longpage for your viewers. The safe zone determines how the page behaves on different types of screens.
Page types & safe zone
BASIC TUTORIAL
Definitions
Learn how your page behaves on all types of devices.
Page types
With Maglr, you can create two different page types. Depending on the amount of content and the way it should be displayed, you can choose either a Fullscreen or Longpage.
A fullscreen page has a fixed size and will always fill the entire screen. Bigger screens will fill any remaining space with a background colour/image. Fullscreen pages can't be vertically scrolled through.
Fullscreen
Longpages can be extended in height, meaning that your viewer will be able to vertically scroll through them. The page itself has a fixed size, so bigger screens will fill any remaining space with a background colour/image.
Longpage
Safe zone
The safe zone determines the area that will always remain visible, no matter the size of the screen that’s displaying it. Because your page could be bigger than your viewers’ screen, parts of it could be cut off to make sure your page still fits properly on these smaller screens.
More info on element positioning
In this example, the image has been placed partially outside of the safe zone and page, and will therefore be cut off on smaller screen sizes. The text has been positioned inside the safe zone and will therefore always remain visible on all screen types.
Maglr Pro example
In the editor
How does a Fullscreen page respond to different screen types?
On a screen
Safezone
Page
Safezone
Page
A large screen will have enough room to show both the safe zone, page and even some space around the page.
Large screen
A medium screen will be able to show the both the page and its safe zone, but will not have room to show the space around the page.
Normal screen
Safezone
Page
Smaller screens will not be big enough to show the entire page anymore. Parts of the page outside of the safe zone will start cutting off and scale down if necessary.
Small screen
Scene type
This scene type is set to Fullscreen, meaning that the scene will always fill the entire screen. The safezone and placed elements will stay 100% in size. This text-element is positioned inside the safezone and will therefore always remain visible.
example of safezone
Go to the next basic course
A Maglr page can be made up out of multiple types to display it fullscreen or as a scrollable longpage for your viewers. The safe zone determines how the page behaves on different types of screens.
Page types & safe zone
BASIC TUTORIAL