Step 4 - Pages > Page Layout Table and Toolbar Commands

This window opens when you click on the button in the toolbar of the page layout table in the Page Creation window. You can use the commands in this window to specify how the objects in a page are to appear (see the Page Creation window).

The available effects are all created in CSS and supported by all the main browsers.

The available commands are organized into the following sections:

▪	Appearance

▪

Position

First, the effect must be enabled by selecting the Enable effect option.

Once the effect is enabled, it is then possible to choose the event to which it should be linked. The available options are:

▪	Start the effect when the object appears: in this case, the effect is triggered by the simple display of the object.

▪	Run the effect on page scroll: in this case, the effect is triggered by scrolling the page. The effect starts as soon as the object becomes visible in the browser window and ends when the object reaches the middle of the window.

In both cases, an ordered list of effects is available for selection. Simply select an effect to preview it.

Once the effect to apply to the Object has been selected, the following Options can be defined:

▪	Display time: sets the time (in seconds) that the effect lasts for.

▪	Repeat effect every [sec]: this is only available for the effects that require the object to be immediately visible: the effect will be repeated after the specified pause.

▪	Enable Lazy Loading: this is only available for certain objects (for example the Image Object): the pictures are not loaded as soon as the page opens, but only when they actually have to be displayed. In this case, the pictures fade in.

You can use the Enable Lazy Loading option so that the pictures in a page are not loaded all at the same time, but only in the moment they have to be displayed: this means that the page opens more quickly and navigation is therefore faster.

Once the Object is visible on the page, it can be made to remain fixed in a certain position until the highest Object in the same row begins to disappear.

To achieve this, the following steps must be taken:

▪	attivare l'effetto selezionando l'opzione Imposta l'oggetto come Sticky.

▪	usare l'opzione Distanza dall'alto per definire la posizione in cui l'Oggetto deve rimane fisso.

In the layout Grid, Objects with an associated effect are easily identifiable by the icon overlaid on the cell they occupy.

Modern operating systems include an accessibility setting to reduce or disable visual effects, such as animations and transitions. If this option is enabled, any effects applied to Objects will not be played.

Read the guides:

-	How to set a reveal effect on a page content?

The Reveal effect window

The Reveal effect window