Set Positioning

Set Positioning is an action in the Rule Panel that adjusts an element’s position based on the triggered event. It uses layout types like Fixed, Relative, or Static to control how the element appears on the page.

Properties and Explanation

Here are the steps to follow in order to use the set Positioning action:

1

Select Element Id:

This property lets you choose the specific UI element (like a text box, button, or container) on which the positioning action will be applied. It ensures the action targets the correct element during the triggered event.

2

Position:

This property defines how the selected element should be placed on the page during the event. You can choose from layout types like Fixed, Relative, Sticky, Static, or Absolute. Details of each type are already explained here.

3

z-index:

This property controls the stacking order of elements, determining which appears in front when elements overlap. Full details available here.

Full Configuration Example

This screenshot shows the complete configuration of the Set Positioning action, including all relevant properties set up on the page.

In the Example A container is selected using its Element ID, and a button triggers the action. When the button is clicked, the container moves to the set position as defined in the positioning settings.