use an action layer

Use an action layer

Action layers are transparent elements enabling you to add actions to your media.

Here are the different options proposed by Racontr that we will approach:

First step: Adding an action layer on a page

  1. To import an action layer on a page, click on the “+” icon on the menu on the top left. A list of available elements appears, select “Action layer”.

Action layers appears as blue rectangles in editing mode, but they will be transparent for the user once the project published.

  1. Their main use is to apply actions on a group of elements without having to add actions on each layer. Indeed the actions applied on an element on top of the layer stack will prevail over actions applied on elements below it.

In preview mode you can decide to display action layers to make sure their position is right, or not to display them to see exactly what the user will see.

Action layers enable you to add interactivity to the area they cover. In this example, we set a “Roll-over” interaction that impacts the opacity of the two parts of this image. We use two actions layers covering each characters to make define the interactive area.

Action layers properties

  1. Access the properties panel by clicking on the gear-shaped icon on the menu on the top left.Duplicate an element (preserving its size and actions)
    Rotate your element clockwise from 0 to 360° and counterclockwise from 0 to -360°.
    Rename your element.
  2. Add a link to your element (see here for details)


Create an account

  1. OK let's do this.

Log in with your credentials

Forgot your details?