This plugin allows you to replace the default right-click menu with a custom context menu.
You can specify the number of icons (1-6), the icon text and the icons itself.
Furthermore, every time an icon within the menu is pressed, an event in your Bubble app will be triggered which you can use to trigger subsequent workflows.
Possible use cases include:
Custom Navigation Menu
Opening Popups/Groups using Menu
Icons can be chosen from the Font Awesome Library.
How to setup
Add the Element on the Page
In the Design tab, add one of the following elements:
Context Menu: a general-purpose context menu.
Context Menu Targeted: allows for up to 6 icon-based options and is triggered by a specific element.
Configure the Properties
For the ContextMenu element:
Element → Context Menu.
This element does not have icon slots. It's designed to show custom menu content that you place inside it (e.g., text, groups, icons).
You control its visibility manually using Bubble’s workflow actions (Show, Hide).
Positioning and display are fully manual, which allows for high flexibility in menu design.
For the ContextMenuTargeted element:
Element → Context Menu Targeted.
Number of Icons: choose how many icons to display (1 to 6)
Icon 1–6: set the icon name (using Font Awesome format, e.g., fa-home, fa-bell)
Icon 1 Name – Icon 6 Name: set the text label for each icon
Add Workflow Events
In the Workflow tab, use any of the available events:
A Context Menu Targeted Icon 1 Is Pressed
A Context Menu Targeted Icon 2 Is Pressed
...
A Context Menu Targeted Icon 6 Is Pressed
Plugin events.
Each event allows you to run custom logic when a specific icon is clicked.
Plugin Element Properties
Context Menu
Element properties → Context Menu.
Fields:
Title
Description
Type
Number of Icons
Specify how many Icons should be displayed in the menu. Available options: 1, 2, 3, 4, 5, 6
Dropdown
Icon 1
Enter the icon that should be displayed at position 1. Use the font awesome notation, for example: “fa-bell”
Text
Icon 2
Enter the icon that should be displayed at position 2. Use the font awesome notation, for example: “fa-bell”
Text (optional)
Icon 3
Enter the icon that should be displayed at position 3. Use the font awesome notation, for example: “fa-bell”
Text (optional)
Icon 4
Enter the icon that should be displayed at position 4. Use the font awesome notation, for example: “fa-bell”
Text (optional)
Icon 5
Enter the icon that should be displayed at position 5. Use the font awesome notation, for example: “fa-bell”
Text (optional)
Icon 6
Enter the icon that should be displayed at position 6. Use the font awesome notation, for example: “fa-bell”
Text (optional)
Icon 1 Name
Choose what text should be displayed for Icon 1
Text
Icon 2 Name
Choose what text should be displayed for Icon 2
Text (optional)
Icon 3 Name
Choose what text should be displayed for Icon 3
Text (optional)
Icon 4 Name
Choose what text should be displayed for Icon 4
Text (optional)
Icon 5 Name
Choose what text should be displayed for Icon 5
Text (optional)
Icon 6 Name
Choose what text should be displayed for Icon 6
Text (optional)
Context Menu Targeted
Element properties → Context Menu Targeted.
Fields:
Title
Description
Type
Element ID
Element ID of Element where the Menu should be applied
Text
Number of Icons
Specify how many Icons should be displayed in the menu. Available options: 1, 2, 3, 4, 5, 6
Dropdown
Icon 1
Enter the icon that should be displayed at position 1. Use the font awesome notation, for example: “fa-bell”
Text
Icon 2
Enter the icon that should be displayed at position 2. Use the font awesome notation, for example: “fa-bell”
Text (optional)
Icon 3
Enter the icon that should be displayed at position 3. Use the font awesome notation, for example: “fa-bell”
Text (optional)
Icon 4
Enter the icon that should be displayed at position 4. Use the font awesome notation, for example: “fa-bell”
Text (optional)
Icon 5
Enter the icon that should be displayed at position 5. Use the font awesome notation, for example: “fa-bell”
Text (optional)
Icon 6
Enter the icon that should be displayed at position 6. Use the font awesome notation, for example: “fa-bell”
Text (optional)
Icon 1 Name
Choose what text should be displayed for Icon 1
Text
Icon 2 Name
Choose what text should be displayed for Icon 2
Text (optional)
Icon 3 Name
Choose what text should be displayed for Icon 3
Text (optional)
Icon 4 Name
Choose what text should be displayed for Icon 4
Text (optional)
Icon 5 Name
Choose what text should be displayed for Icon 5
Text (optional)
Icon 6 Name
Choose what text should be displayed for Icon 6
Text (optional)
Element Events
Context Menu
Title
Description
Icon 1 is Pressed
Is triggered when the icon in position 1 of the context menu is pressed.
Icon 2 is Pressed
Is triggered when the icon in position 2 of the context menu is pressed.
Icon 3 is Pressed
Is triggered when the icon in position 3 of the context menu is pressed.
Icon 4 is Pressed
Is triggered when the icon in position 4 of the context menu is pressed.
Icon 5 is Pressed
Is triggered when the icon in position 5 of the context menu is pressed.
Icon 6 is Pressed
Is triggered when the icon in position 6 of the context menu is pressed.
Context Menu Targeted
Title
Description
Icon 1 is Pressed
Is triggered when the icon in position 1 of the context menu is pressed.
Icon 2 is Pressed
Is triggered when the icon in position 2 of the context menu is pressed.
Icon 3 is Pressed
Is triggered when the icon in position 3 of the context menu is pressed.
Icon 4 is Pressed
Is triggered when the icon in position 4 of the context menu is pressed.
Icon 5 is Pressed
Is triggered when the icon in position 5 of the context menu is pressed.
Icon 6 is Pressed
Is triggered when the icon in position 6 of the context menu is pressed.
Changelogs
Update 17.02.25 - Version 1.6.0
Acquired by Zeroqode.
Update 20.08.24 - Version 1.5.0
Updated Description.
Update 11.10.23 - Version 1.4.3
Updated Description.
Update 14.09.23 - Version 1.4.2
Minor Fix.
Update 16.01.23 - Version 1.4.1
Update.
Update 03.01.23 - Version 1.4.0
New Details.
Update 07.10.20 - Version 1.3.0
All elements resizable.
Update 07.10.20 - Version 1.2.0
Element is now resizable .
Update 04.03.20 - Version 1.1.0
Added Targeted Context Menu - only apply to a specific element.
