|Show/Hide hidden text|
When you are working on the Page Creation and you have added at least one object to a cell in the Page layout table, you can format the row that the cell is in. Select the row and click on the button to open the Row Formats window.
A row is a horizontal band along the page. Rows can be as wide as the page (which, in turn, depends on the template) or as wide as the browser window. The row's height depends on the height of the tallest object in one of the cells in the row.
It is possible to join consecutive rows together so that the chosen row format applies automatically to all of them:
Released state before joining the rows
Mouse along the line
Click on the lock to join the rows
Released state after joining the rows
It's just as easy to divide rows as it is to join them together:
If two rows are joined together and given the same format, when they are divided the first row maintains the new style but the second row resumes its original style.
If more than two rows have been joined together, they can be divided at the point where the lock appears. For example, if rows 1, 2, 3 and 4 are joined together and you click on the lock between rows 2 and 3, you will end up with rows 1 and 2 joined together and rows 3 and 4 joined together.
Rows are sometimes joined together automatically, according to how the objects in the page layout table are positioned or how they are ordered for differing viewports of a responsive website, and it isn't always possible to divide them.
1st Case. Page layout
If an object in the page layout table occupies more than one cell, and these are on different rows, all the rows involved are joined together automatically. The lock that appears on the line that joins the dots between each row is gray, instead of blue, to indicate that it cannot be removed. The only way to change this situation is to change the layout of the objects.
Even if you give different formats to rows 1 and 2 and then insert an object that occupies both rows, they will be automatically joined and row 2 will take on the format of row 1. It will not be possible to divide them without changing the position of the objects.
2nd Case. Responsive website
If you are working on a responsive website, when you have to specify the order of displaying objects in the various viewports, combinations may occur that cause two or more rows to be joined automatically. This usually happens when, as in the following example, an object is followed by another which is not to its right (on the same row) but, instead, is below it (on a different row): this causes the automatic creation of groups where objects are placed in differing rows.
It's very easy to format a row:
When you are working on the row format, you should remember that:
If you want to create a colored band that is as wide as the browser window, and not only as wide as the page, follow these steps:
Following a similar procedure, just changing the type of Background, you can create a band with a gradient, a slideshow, a map, a video or a picture instead of a full color.
The parallax effect is often used to give depth to a page and make it more attractive for visitors. When the page is scrolled, the background and foreground images move at different speeds, creating a 3D effect.
If you want to use the parallax effect on a page, follow this procedure:
When you use the parallax effect, you can use a gradient, a slideshow, a map, a picture or a video as the row's Background, but not a full color.