Move an element

Kameleoon offers several ways of moving the elements of your page.

Moving an element

Select the element you want to move to display the tool panel. Then, select the “Position” tab to see the displacement modes. If you cannot see them all, click on the “More options” button on the bottom of the panel.

The "Insert before", "Insert after", Swap" and "Insert into" modes will place your element according to another element.

Once you selected the mode, you must click on a second element to define the displacement. To help you select the right element, the hierarchy panel appears after 1 second on hover on an element.

Displacement modes

Note that the different displacement modes can be relative or absolute: it is CSS parameters that define the elements position on the page.

The relative mode places an element according to its original location. The Absolute mode places an element according to another element. Websites with a responsive design should use the absolute mode, because the original location of the element is not the same according to the visitor's screen resolution.

Insert before, after, into / Swap

DOM operation

You can swap, insert an element before or after another or insert an element inside another element.

These displacement modes are compatible with website with a responsive design. 

Slide

Relative location

You can drag and drop the element anywhere on your page. If you choose this mode, Kameleoon will keep the original location of the moved element. Use this mode if you want “Slide” an element on the page.

Anchor

Absolute location, original location kept

You can drag and drop the element anywhere on your page. Kameleoon will move the element according to another element and will keep the original location of the moved element. When you move the element, a frame will appear allowing you to select the parent element.

This displacement mode is compatible with website with a responsive design.

Extract

Absolute location

You can drag and drog the element anywhere on your page. Kameleoon will move the element according to the original element, but the original location will be deleted.

This displacement mode is compatible with website with a responsive design.

Have more questions? Submit a request
Powered by Zendesk