TABLE OF CONTENTS
This article is to help with the Custom Screen Editors (available on all Paid Subscription Plans) Block Layer section. This section is located to the right of the Main Editor block in your Custom Screen Editor and is a very powerful tool when designing and editing your page. But you may ask:
What is a Block Layer?:
A Block Layer is the position your Block is at as you build the layers to your screen. Think of it like a layer cake.
As you place a Block on your Screen you place a layer. Only one layer can exist at any point and each Block you add creates a new layer. See the example below:
These layers, like with a cake, go from the bottom to the top with our base layer in this example being the Video layer and the top layer being the Airquality Block. So when you are looking at your Screen it is like you are looking top down on your layers. This means that the Video block is behind the Calendar, which is behind the Weather, and so on. Layers above the base layer that are transparent will allow the image to show through these upper layers whereas layers that are not transparent will hide the layers behind them. See below:
As you can see the Video block can be seen through most layers except the Airquality Block Layer as it is not transparent. You can see this better when we move the block as seen below:
How to use the Block Layers:
Each layer has a number of things you can do with it. Clicking on the layer in the Block Layer list will highlight the Block on the editor and allow you to access the Edit Button. See Below:
With the Eye Icon, you can hide or unhide a Block from view. See Below:
The Block layer will also let you know when a Block has a Schedule on it with a little Clock icon, or if a Block is linked to another screen with a little Chain Link icon as seen below:
With the Three dots to the right of the layer, you can Duplicate a Block, Rename it, or even delete the block. See Below:
You can even relocate the layers Up or Down the list by dragging and dropping them where you want. See how we moved the todo list up in the example below:
This becomes especially important when using Touchscreen capabilities as layers on top will cover the layers below making it so you cannot click or touch the ones toward the bottom. Keep this in mind when you are placing your layers.
If you need to be able to click the Block on the Bottom, but you can't move it forward as it will cover the other blocks, like with the Video Block seen above, leave a space between the other blocks open so you can still interact with it. The Shapes in the little Screen Icons seen above show the relative position of all your blocks so this can help when mapping out where to put a new block.