00:00:05:15 - 00:00:08:15
This tutorial will take a look at group
suppression.

00:00:08:16 - 00:00:12:02
This is a piece of functionality
where fields on a dynamic template

00:00:12:02 - 00:00:15:27
can be set to move
based on the behavior of other fields.

00:00:15:29 - 00:00:18:28
In our example, we'll take a look
at a business card where users

00:00:18:28 - 00:00:23:16
have the ability to enter a phone number,
a mobile number.

00:00:23:16 - 00:00:25:20
As you can see over here
on the right hand side,

00:00:25:20 - 00:00:29:20
they can also enter neither of these
or they can enter both of these.

00:00:29:22 - 00:00:31:05
In each of these scenarios,

00:00:31:05 - 00:00:35:02
the behavior of the surrounding text
fields is set to change.

00:00:35:04 - 00:00:36:23
Now, just to make sure
we're absolutely clear

00:00:36:23 - 00:00:41:07
that this is going to be set up
and configured inside Infigo, Invent

00:00:41:13 - 00:00:45:18
and then transferred to MegaEdit.

00:00:45:21 - 00:00:48:28
So our initial example, just to show you
what we're trying to achieve here,

00:00:48:28 - 00:00:53:02
We have two form fields controlling
two matching fields on the artwork.

00:00:53:02 - 00:00:55:24
So we have a phone number,
we have a mobile number,

00:00:55:24 - 00:00:58:24
a telephone number, and a mobile number.

00:00:58:29 - 00:01:01:28
And then changing the numbers on here
changes the numbers

00:01:01:28 - 00:01:11:04
on the artwork Now,
when we remove the phone number,

00:01:11:06 - 00:01:12:26
both the number itself and

00:01:12:26 - 00:01:17:18
the corresponding letter T are removed
as they're no longer required.

00:01:17:21 - 00:01:21:14
In addition, the mobile number field moves
to fill the space.

00:01:21:14 - 00:01:24:05
So it's not just sitting in space
over on the right hand side.

00:01:24:05 - 00:01:27:12
On the other hand,
the removal of the mobile number removes

00:01:27:12 - 00:01:30:15
both the number itself
and the corresponding end,

00:01:30:15 - 00:01:34:23
which would no longer be required
from the artwork.

00:01:34:25 - 00:01:36:21
The telephone section is not set

00:01:36:21 - 00:01:39:21
to move here as it's already in position.

00:01:39:28 - 00:01:43:09
This is accomplished
using the horizontal spread functionality

00:01:43:15 - 00:01:50:02
which will cover what's a bit later.

00:01:50:04 - 00:01:50:24
And then next,

00:01:50:24 - 00:01:53:24
we have horizontal and vertical spread.

00:01:53:24 - 00:01:58:19
So removal of both the phone number
and the mobile phone number means that

00:01:58:19 - 00:02:02:21
the large empty space would be present
here, which we may not want.

00:02:02:23 - 00:02:06:04
This template has been configured
in such a way so that in this instance,

00:02:06:04 - 00:02:09:04
if I remove both the phone number
and the mobile number,

00:02:09:10 - 00:02:12:00
the address moves upwards
to fill the void.

00:02:12:00 - 00:02:17:11
When neither phone number is entered.

00:02:17:14 - 00:02:19:10
Okay, so that's our basic example.

00:02:19:10 - 00:02:21:16
Let's actually take a look
at how this is done.

00:02:21:16 - 00:02:24:28
So sets up the page here so that we can
actually see our main tools.

00:02:25:05 - 00:02:28:00
So we've got the main piece of artwork
in the center of the screen.

00:02:28:00 - 00:02:32:29
We've also got the Infigo
Invent window over on the right hand side.

00:02:33:01 - 00:02:36:10
And I've also brought up the layers
window, which is useful to us

00:02:36:10 - 00:02:40:15
as well.

00:02:40:17 - 00:02:42:07
The secrets of group suppression

00:02:42:07 - 00:02:46:01
in Invent is actually in the name,
and that's groups.

00:02:46:04 - 00:02:49:00
So this is an InDesign
piece of functionality

00:02:49:00 - 00:02:53:08
where fields of artwork
can be grouped together Infigo.

00:02:53:09 - 00:02:58:01
Utilizes these groups to control
their behavior within Infigo Invent.

00:02:58:04 - 00:03:02:05
And we'll see how to create these
groups a little bit later on.

00:03:02:07 - 00:03:05:02
So you'll see, for example,
if I click here where we've just been

00:03:05:02 - 00:03:11:05
modifying information, all of those fields
are actually in the same grouped box.

00:03:11:05 - 00:03:16:06
So there's still the individual fields,
if I click into it a little bit further.

00:03:16:08 - 00:03:19:04
However, they are all grouped together.

00:03:19:04 - 00:03:22:22
It's also a great idea
to rename your groups

00:03:22:22 - 00:03:27:04
and individual fields in the Layers
tab over on the left hand side.

00:03:27:07 - 00:03:29:23
This isn't strictly necessary,
but it will make your life

00:03:29:23 - 00:03:34:01
a lot easier going forward.

00:03:34:03 - 00:03:36:25
It's important
to note as well about nested groups

00:03:36:25 - 00:03:40:18
so groups can be created
containing other groups

00:03:40:20 - 00:03:43:19
and we will use these within in Infigo
Invent to fine tune

00:03:43:19 - 00:03:46:25
the behavior of different parts
of our template.

00:03:46:27 - 00:03:50:24
So, for example, in our little sample
that we've got here,

00:03:50:26 - 00:03:53:17
we have several groups
controlling the behavior mentioned

00:03:53:17 - 00:03:56:17
at the start of this tutorial.

00:03:56:20 - 00:03:57:05
So we have

00:03:57:05 - 00:04:00:29
one that's called a telephone group,
or I've called the telephone group.

00:04:01:01 - 00:04:06:03
They're going to highlight here
which contains the T letter

00:04:06:05 - 00:04:09:01
and the actual telephone number field
itself.

00:04:09:01 - 00:04:12:00
And the creation of this group
allows us to ensure

00:04:12:00 - 00:04:15:01
that both will disappear
when a number is not entered so

00:04:15:01 - 00:04:18:28
we can group the behavior
of those together.

00:04:19:00 - 00:04:22:22
We have another group
that we've called the Mobile group.

00:04:22:25 - 00:04:27:04
So this contains the letter M
as a separate field and the mobile number

00:04:27:04 - 00:04:27:28
itself.

00:04:27:28 - 00:04:30:27
And that is got similar behavior
to the other telephone.

00:04:30:27 - 00:04:31:20
So basically,

00:04:31:20 - 00:04:35:17
if we get rid of the number here,
we want both of those fields to disappear.

00:04:35:20 - 00:04:39:05
So that's why we grouped them together.

00:04:39:08 - 00:04:40:24
We then have the combined

00:04:40:24 - 00:04:45:16
telephone group,
I’ve called the All Phone Group,

00:04:45:19 - 00:04:46:01
and this

00:04:46:01 - 00:04:49:28
contains the telephone group
and the mobile group.

00:04:50:00 - 00:04:53:03
And this allows us to ensure
that one group will be repositioned

00:04:53:03 - 00:04:54:21
when the other is not displayed.

00:04:54:21 - 00:04:58:21
So this horizontal spread behavior
of vertical spread we can do as well

00:04:58:24 - 00:05:03:19
can be controlled by grouping fields
or other groups together

00:05:03:21 - 00:05:08:07
so you can relate the behavior
to one another.

00:05:08:09 - 00:05:11:13
And then the last group that we have here
is what I've called the main group,

00:05:11:13 - 00:05:15:15
which is all of the fields
which we're looking at in this case.

00:05:15:18 - 00:05:19:01
And this allows us to ensure
that the address field is going to move up

00:05:19:03 - 00:05:27:20
if no telephone numbers are entered.

00:05:27:22 - 00:05:31:01
Now, as you've been seeing,
each of these groups can be selected

00:05:31:03 - 00:05:34:25
or renamed within the Layers
field over on the left hand side.

00:05:34:27 - 00:05:39:10
If I go to the mobile group
or the the phone group, for example,

00:05:39:12 - 00:05:45:00
if I click twice,
that comes up with a renaming option

00:05:45:02 - 00:05:51:20
and I can give that a new name.

00:05:51:22 - 00:05:52:25
Now, in order for a group

00:05:52:25 - 00:05:56:17
to be controlled by Infigo
Invent everything within that group.

00:05:56:17 - 00:06:00:10
So all the fields
and all of the nested groups must be set

00:06:00:10 - 00:06:03:23
to be enabled
within the Invent Properties tab.

00:06:03:26 - 00:06:06:05
So for example,
if I select one of my groups here

00:06:06:05 - 00:06:08:12
and go to properties and Invent,
you can see that

00:06:08:12 - 00:06:12:04
that group has its own separate page
and it is enabled.

00:06:12:04 - 00:06:18:00
In my case, everything within the group
needs to be enabled in order for that

00:06:18:02 - 00:06:19:19
to display, to be able to function.

00:06:19:19 - 00:06:22:23
Enabling this also gives us access
to the spread behavior

00:06:23:00 - 00:06:30:03
and master behavior,
which we'll cover shortly.

00:06:30:06 - 00:06:32:10
Okay, So let's take a look at applying

00:06:32:10 - 00:06:35:10
some of this behavior
to the top section of the business cart.

00:06:35:16 - 00:06:36:01
So where we've got

00:06:36:01 - 00:06:39:25
the name, we've got the title,
and we've got the two email fields.

00:06:39:25 - 00:06:43:16
So we're going to begin this process
by creating our email group,

00:06:43:18 - 00:06:46:06
which contains both the letter E

00:06:46:08 - 00:06:48:19
and then the actual email field itself.

00:06:48:19 - 00:06:51:17
Now what we do here is multi select

00:06:51:17 - 00:06:55:02
the fields of interest, right click

00:06:55:04 - 00:06:58:16
and select group

00:06:58:18 - 00:07:00:07
that will create a new group for us.

00:07:00:07 - 00:07:04:27
But we can see by default that it's given
a very non user friendly name.

00:07:05:00 - 00:07:09:21
So what we can do to make it easier for
ourselves is come over to the Layers page

00:07:09:24 - 00:07:16:09
and rename the new group
that's just been created.

00:07:16:12 - 00:07:18:11
Now, if I select and re selected again,

00:07:18:11 - 00:07:24:05
we can see that
name has been taken over to Infigo

00:07:24:08 - 00:07:25:23
So we want to make sure this is enabled.

00:07:25:23 - 00:07:27:01
So click on enable.

00:07:27:01 - 00:07:28:11
You won't be able to get to this.

00:07:28:11 - 00:07:31:15
Just as a reminder,
if both of the fields contained

00:07:31:15 - 00:07:34:22
within that group are not also enabled.

00:07:34:25 - 00:07:39:18
So if I dig into this
a little bit and take a look at both E

00:07:39:20 - 00:07:41:09
check and see is enabled

00:07:41:09 - 00:07:45:09
and email,
which again I can see is enabled

00:07:45:11 - 00:07:49:23
if I disable one of those

00:07:49:25 - 00:07:51:17
and then try and click on the group,

00:07:51:17 - 00:08:09:02
you can see that I'm not able to enable
the group separately.

00:08:09:04 - 00:08:12:04
Now what we're going to do
next is to set a group master.

00:08:12:06 - 00:08:15:15
So setting a group master
means that the behavior of the master

00:08:15:15 - 00:08:19:08
field will be mimicked
by the other fields in the group.

00:08:19:10 - 00:08:22:07
So here, by setting the email field

00:08:22:07 - 00:08:25:07
to be the group master,
just by clicking here

00:08:25:13 - 00:08:30:00
and making sure that we have “hide
if placeholder is empty” selected,

00:08:30:02 - 00:08:34:27
we can ensure that should no text
to be input into that email field.

00:08:34:29 - 00:08:39:25
Then both it
and the e fields will be removed.

00:08:40:01 - 00:08:43:27
So basically this e section
here is subservient to the group master,

00:08:44:04 - 00:08:51:02
which is email.

00:08:51:04 - 00:08:51:25
Next, we're going to

00:08:51:25 - 00:08:55:23
create a larger group by multi
selecting a few items here.

00:08:55:25 - 00:08:58:15
And this group
is going to contain the name,

00:08:58:15 - 00:09:02:19
the title
and our newly created email group.

00:09:02:21 - 00:09:06:22
We can create that group in exactly
the same way just by multi selecting

00:09:06:24 - 00:09:10:29
right click and say group.

00:09:11:02 - 00:09:23:23
And again,
I'm just going to give this a new name.

00:09:23:26 - 00:09:26:09
so here the behavior we wish to achieve

00:09:26:09 - 00:09:30:11
is that fields reposition on the artwork
if space is available.

00:09:30:14 - 00:09:33:08
So in our particular case here,
we wish for the email group

00:09:33:08 - 00:09:36:15
to move upwards if the title field

00:09:36:21 - 00:09:40:16
has no text contained within it
and therefore doesn't need to exist.

00:09:40:18 - 00:09:44:15
This is controlled by something called
spread behavior, where you can select

00:09:44:15 - 00:09:50:19
vertical horizontal spread or both,
so vertical and horizontal spread.

00:09:50:21 - 00:09:54:18
And this option will ensure that
the fields can move in the selected axes

00:09:54:25 - 00:09:57:18
if the space is available to do so.

00:09:57:18 - 00:10:00:14
So here, for example,
we can select this from

00:10:00:14 - 00:10:04:05
no spread to vertical spread
to as we're working vertically.

00:10:04:05 - 00:10:07:02
In this case.

00:10:07:04 - 00:10:07:20
And this is

00:10:07:20 - 00:10:10:20
of course
because our required range of motion

00:10:10:25 - 00:10:21:23
is a vertical movement only

00:10:21:25 - 00:10:23:18
in terms of our basic functionality here.

00:10:23:18 - 00:10:25:10
That's all we're actually going to need.

00:10:25:10 - 00:10:29:06
So I'm just going to go ahead now
and export this particular template

00:10:29:08 - 00:10:30:11
and imported into MegaEdit