Picture of Assigning fields to layers (Form Builder) | FB_010

Assigning fields to layers (Form Builder) | FB_010

MegaEdit already has an activatable script which enables layer functionality within your product templates. This capability comes built in to the Form Builder's capabilities, allowing you as the admin to assign fields to numerous background and mask layers. This has a wide range of purposes, however primarily allows the admin to create precision control over how existing and user-created fields operate in relation to each other.

Tutorial Video Transcript

A transcript of our tutorial video, ensuring you can find exactly what you need, when you need it.

You can search this page to find the relevant time-stamp in the video. Also, this text can be used as part of the tutorial search feature.

00:00:05:15 - 00:00:08:02
MegaEdit already has an activatable script

00:00:08:02 - 00:00:11:25
which enables layer functionality
within your product templates.

00:00:11:27 - 00:00:15:25
This capability comes built into the form
builders capabilities,

00:00:15:28 - 00:00:20:23
allowing you as the admin to assign fields
to numerous backgrounds and mask layers.

00:00:20:25 - 00:00:22:24
This is a wide range of purposes.

00:00:22:24 - 00:00:27:00
However, primarily allows the admin
to create precision controls over

00:00:27:00 - 00:00:32:27
how existing and user created fields
operate in relation to each other.

00:00:33:00 - 00:00:34:26
So what we're going to do
is start by adding

00:00:34:26 - 00:00:38:27
and configuring a field in the usual Form
Builder fashion.

00:00:38:27 - 00:00:42:03
So I'm just going to go ahead
and add an image field

00:00:42:06 - 00:00:46:21
and then just go to the custom tab
where I'm going to assign a name

00:00:46:23 - 00:00:47:20
and assign a type.

00:00:47:20 - 00:00:53:07
So that appears on the
actual form. So there we go.

00:00:53:09 - 00:00:56:09
If that
field is to be part of a defined layer,

00:00:56:09 - 00:01:01:09
we need to assign it with the field tags
area down at the bottom of the screen.

00:01:01:12 - 00:01:04:02
Now, if I click on this,
you'll see that by default

00:01:04:02 - 00:01:09:22
the form builder provides five background
layers and five mask layers.

00:01:09:24 - 00:01:12:15
Although these numbers can be increased
in the Form Builder

00:01:12:15 - 00:01:16:14
script config,

00:01:16:16 - 00:01:17:29
selecting a layer

00:01:17:29 - 00:01:21:15
and clicking on the plus icon with assign

00:01:21:15 - 00:01:28:12
that field to a particular layer.

00:01:28:15 - 00:01:29:02
please note

00:01:29:02 - 00:01:30:05
that you should only assign

00:01:30:05 - 00:01:34:10
multiple fields to a single layer
if they are not going to interact,

00:01:34:13 - 00:01:38:05
such as if the Z axis arrangement
of multiple fields within a single

00:01:38:05 - 00:01:39:22
layer is not an issue.

00:01:39:22 - 00:01:43:09
So, for example, you want to make sure
that fields within the same layer

00:01:43:13 - 00:01:48:27
are not overlapping one another.

00:01:48:29 - 00:01:49:23
Now let's take a look at

00:01:49:23 - 00:01:52:23
understanding the different layers
that we have available.

00:01:52:23 - 00:01:56:21
So I've got an example
on my other page of the product here.

00:01:56:23 - 00:01:57:03
So you see

00:01:57:03 - 00:02:01:09
I've got a few different text boxes
which have assigned background codes too.

00:02:01:10 - 00:02:03:18
So we can actually

00:02:03:18 - 00:02:06:18
clearly see where they are
in the arrangement.

00:02:06:22 - 00:02:12:08
I've got a few on different background
layers and a few on different mask layers

00:02:12:10 - 00:02:16:07
As we can see here, the lower
the number associated with the layer.

00:02:16:10 - 00:02:20:17
So for example, background,
one of background to the further back

00:02:20:18 - 00:02:26:05
that layer sits background layers
will always sit at the back of the canvas.

00:02:26:08 - 00:02:33:05
Masks will always sit
at the front of the canvas.

00:02:33:08 - 00:02:33:25
Any field

00:02:33:25 - 00:02:37:29
that's not assigned to a layer
such as those that are added by a user

00:02:38:02 - 00:02:42:00
will sit between the masks
and the background layers.

00:02:42:02 - 00:02:47:03
If I go ahead and add
an image field in here, for example,

00:02:47:05 - 00:02:47:16
what we'll

00:02:47:16 - 00:02:50:19
see is that it sits in between
those two sets of layers.

00:02:50:19 - 00:02:56:23
So behind the masks
and in front of the backgrounds.

00:02:56:26 - 00:02:57:20
So note that

00:02:57:20 - 00:03:01:17
even if you give the customer the ability
to alter the z-axis arrangement

00:03:01:22 - 00:03:05:12
of a non layer field,
they will not be able to set the field

00:03:05:12 - 00:03:10:17
to appear behind background layers
or in front of mask layers.

00:03:10:20 - 00:03:14:28
The backgrounds and mask layer fields
can still be interacted with by the user.

00:03:14:28 - 00:03:16:10
Should you wish to allow it.

00:03:16:10 - 00:03:21:28
However, will always sit
where you intend them to sit.

00:03:22:00 - 00:03:24:12
So there's a wide range of possible
applications for this.

00:03:24:12 - 00:03:27:20
Just to go through a couple
of potential examples.

00:03:27:22 - 00:03:31:24
You could use this to apply a texture
image as a background layer.

00:03:31:26 - 00:03:36:10
You could use it to apply print marks
or guidance, which are always on the top

00:03:36:10 - 00:03:39:23
layer but are not in the final print
preview or print.

00:03:39:26 - 00:03:44:14
And you can use it to easily maintain
a mandatory z-axis layout of the fields.

00:03:44:14 - 00:03:47:12
So for example, if you don't want
the customer to be able to change it.

 

Incomplete
Step by Step Guide

Assigning fields to layers (Form Builder) | FB_010

MegaEdit already has an activatable script which enables layer functionality within your product templates. This capability comes built in to the Form Builder's capabilities, allowing you as the admin to assign fields to numerous background and mask layers. This has a wide range of purposes, however primarily allows the admin to create precision control over how existing and user-created fields operate in relation to each other.

Creation Date: Feb 05, 2024
Created By: Sam Webster

1. Start by adding and configuring a field in the usual Form Builder fashion. If that field is to be part of a defined layer, assign it within the Field Tags

By default, the Form Builder provides 5 background layers and 5 mask layers, although these numbers can be increased in the Form Builder script config.

Selecting a layer and clicking the + icon will assign that field to a particular layer.

Note: Only assign multiple fields to a single layer if they are NOT going to interact, such as if Z axis arrangement of multiple fields within a single layer is not an issue.

Start by adding and configuring a field in the usual Form Builder fashion. If that field is to be part of a defined layer, assign it within the Field Tags

2. Understanding the available layers

As we can see here, the lower the number associated with the layer (eg - background_1 or background_2) the further back that layer sits.

Background layers will always sit at the back of the canvas.

Masks will always sit at the front of the canvas.

Understanding the available layers

3. Any field not assigned to a layer (such as those added by a user) will sit BETWEEN the background and mask layers.

Note that even if you give the customer the ability to alter the Z axis arrangement of a non-layer field, they will not be able to set the field to appear behind background layers or in front of mask layers.

The background and mask layer fields can still be interacted with by the user, should you wish to allow it, however will always sit where you intend them to sit.

Some examples of use cases could be:

  • Applying a texture image as a background layer

  • Applying print markings or guidance which are always on the top layer but are not on the final preview or print

  • Easily maintaining a mandatory Z axis layout of fields

Any field not assigned to a layer (such as those added by a user) will sit BETWEEN the background and mask layers.

Individual Search Words

layers, background, mask, z-axis, arrangement, fields, admin, template, interaction, control

Alternate Search Phrases

assign fields to layers, configure background layers, setting up mask layers, field arrangement control, layer functionality in forms, admin layer assignment, manage field layers, product template layers, control field interaction, precision control for fields