19 January 2017

In the WebWave creator groups are used to assemble the items in a logical whole. For example, we can put all the elements of the website header to the group "header". As a result we can control the growing number of layers in the "Layers" list and the elements on the website can be combined into a kind of whole.

 

Creating a new group
Adding elements to the group
How the group looks?
Changing the appearance of the group
Group width of 100%
Linking the two groups
Display one under the other
Adjust the height
Linking multiple groups
 

Creating a new group

 

To create a new group, click the button in the lower right corner of the screen

 

 

Adding elements to the group

 

To add items to the group, select the layers corresponding to them and drag them to the created group:

 

 

How the group looks?

 

The group combines elements that we put into it, so the size of the group is calculated automatically. To see how big is a group, select it in the "Layers" list. All the items belonging to the group will be selected automatically, and its size will be marked with a gray frame.

 

 

Changing the appearance of the group

 

Group appearance can be edited exactly the same as the appearance of its shapes. Group may therefore have its background color, background image, transparency, border, shadow or fulfillment:

 

 

Group width of 100%

 

If you set the group width to 100%, it will behave like a section of the page. It will adjust its width to the width of the web browser, and its height will be calculated depending on the elements contained in it.

 

 

Linking the two groups

 

Correct use of groups and their connections allows you to create a website that will be adjusting its appearance when you change its content. To create a link between the two groups, select one group and in the bottom panel, click on "Add link". From the open window, select the group you want to be linked:

 

 

Display one under the other

 

"Display one under the other" is the first type of connections between the two groups. The connection means that one group (with all its elements) will always display below the other. It is very important that if one group will be moved down by the other, all the elements inside that group will also be moved.

This connection is used primarily in situations where we want the height of our website to adjust dynamically to the amount of content on this page.

Let's imagine that we have for example few subpages. Using the templates in WebWave creator we show the same footer on every subpage. However, the amount of text on every subpage is different, so we want the footer to be displayed somewhere else on every subpage. On every page we create a "Content" group and place in it all the elements of the content of our site. Now we link it with the group "Footer", which is located in the website template. From now on footer will automatically adjust its position to the amount of text on the page.

Another example of using the groups is placing a text element in one group, and the images, which should always be below this part of the text, in the second group and linking these groups. Now picture will always be displayed below the text, no matter how long is the text in our text element.

 

 

Adjust the height

 

Groups linked with “adjust height" option will always end up in the same place. This allows you to create columns that will always end in the same place, for example one column on the left side, where we place the menu and some basic information, and the central column, in which we place the content and the articles.

 

 

Linking multiple groups

 

You can link together many groups. If for example we link three groups together to repel mutually, the first group will push the second and the second will push third. This way we can create sections of our website. You can also mix the groups connections. A group from one site may be associated with groups from the template. Remember that you can't create links that will form a loop.

You can not create a connection that will cause the group A to repel group B, group B to repel group C and group C to repel group A.

GO BACK             

Groups

 

 

Copyright © 2011 — 2018

All Rights Reserved

PRODUCT

CONTACT 

contact@webwave.me 

YOU SHOULD USE WEBWAVE TOO!

Try - it's free

SIGN UP

SUCCESS STORIES

HELP & SUPPORT

LANGUAGE

SIGN UP

LOG IN

SIGN UP

LOG IN