Show Menu

Show Menu is an action available in the Rule Panel that is used to display a specific menu component on the page based on user interaction or conditions. It is commonly used to show a menu when a button is clicked or a certain event occurs, allowing dynamic control over menu visibility according to user preferences.

Properties and Explanation

Here are the steps to follow in order to use the Show menu action:

1

Menu appears next to (Target):

This property is used to select the element next to which the menu should appear.

2

Responsive Settings:

This setting helps you define the width and height of the menu, making it adaptable across different screen sizes and devices. For more details, click here.

3

Alignment relative to target:

This setting guides where the menu should appear in relation to the selected target element. It provides 9 alignment options (top, bottom, left, right, center, etc.) to visually place both the target and the menu in the desired position.

4

Animation:

This setting controls the direction from which the menu appears when it becomes visible. You can choose from options like Top, Bottom, Left, or Right to define the entry animation of the menu.

5

Page to show as a menu:

This property allows you to choose the specific page that will appear as a floating or popup menu when triggered. You must select a designed page that will be shown in the menu view based on the action.

Full Configuration Example

Below is a screenshot of the Show menu action configuration, showing all properties set for the Menu appears, Responsive setting, Animation and page to show:

A button named Show Menu is added to the page. When this button is clicked, the assigned menu page appears based on the configured settings like position, target, and animation.