The Right-Click Menu plugin allows you to replace the standard browser right-click menu with a fully customized menu inside your Bubble app.
You can configure between 2–5 menu items, each with its own label and FontAwesome icon. The plugin also works seamlessly with Repeating Groups, enabling dynamic, context-aware actions.
Whenever a user selects a menu item, a Bubble workflow event is triggered, allowing you to define custom actions such as navigation, opening a popup, updating a database entry, and much more.
This makes the plugin a powerful tool for improving usability, branding, and interactivity in your application.
Key Features
Add a sleek, personalized right-click menu with 2–5 configurable items.
Customize labels and icons (FontAwesome supported).
Repeating Group support for item-level interactions.
Each menu selection triggers a Bubble workflow event.
Ideal for navigation, popups, data updates, emailing, and contextual actions.
Works across desktop environments to replace the default right-click experience.
Perfect for CRM systems, admin panels, dashboards, and productivity tools.
Prerequisites
Before using the plugin, make sure:
You have an active Bubble.io application.
You are familiar with creating and managing workflows in Bubble.
Your app is intended for desktop use cases (right-click functionality is limited or unavailable on mobile browsers).
You have access to the FontAwesome icon library (already supported in Bubble by default).
Your app’s pages are set to allow element actions (no conflicting right-click blocking scripts).
How to setup
Step 1 – Install the Plugin
Go to the Plugin Tab
Open your Bubble Editor.
Navigate to the Plugins tab on the left panel.
Add Plugins
Once in the Plugins tab, click the Add Plugins button.
Search for the Plugin
Use the search bar to type Right-Click Menu.
Locate the plugin in the search results.
Install/Buy
If the plugin is free, click Install to add it to your application.
For a paid plugin, click Buy and follow the purchase instructions.
Payment Information (For Paid Plugins)
If the plugin is a paid one, fill in your payment details and make payment.
Charges will be added to your Bubble billing account.
Remember, if you unsubscribe from the plugin shortly after installation, charges will be prorated based on the days used.
Plugin Installed
Once installed, the plugin will appear under the Installed Plugins list in your Bubble Editor.
Step 2 – Add the Plugin Element to Your Page
Open the Design tab in your Bubble editor.
Search for the Right-ClickMenu element in the Elements panel.
Drag and drop the element onto your page where you want to trigger the Right-ClickMenu.
The plugin provides four element variations, depending on how many buttons you want in the menu:
Right-Click Menu (2 buttons)
Right-Click Menu (3 buttons)
Right-Click Menu (4 buttons)
Right-Click Menu (5 buttons)
Choose the appropriate variation based on your app’s needs.
Step 3 – Configure Menu Items
Select the Right-Click Menu element you added.
In the element inspector, define the label and icon for each button:
Label → The text displayed for the option.
Icon → Choose from the FontAwesome library (already supported in Bubble).
Define the action that should happen when the option is selected, such as:
Navigate to another page
Open a popup
Update or delete a database entry
Send an email
Trigger any other workflow action in Bubble
Step 5 – Test Your Right-Click Menu
Preview your application in Run Mode.
Right-click on the defined element area to display your custom menu.
Select each option to confirm that:
The menu appears as expected.
Each option correctly triggers the workflow action you defined.
Plugin Element - Right-Click Menu 5 Buttons
This variation provides a maximum of 5 custom buttons.
Element Properties
Fields:
Title
Description
Type
Button 1 Text
The text label displayed on the first menu button.
Text
Button 1 Icon
FontAwesome icon name for the first button (e.g., fa-edit).
Text
Button 2 Text
The text label displayed on the second menu button.
Text
Button 2 Icon
FontAwesome icon name for the second button.
Text
Button 3 Text
The text label displayed on the third menu button.
Text
Button 3 Icon
FontAwesome icon name for the third button.
Text
Button 4 Text
The text label displayed on the fourth menu button.
Text
Button 4 Icon
FontAwesome icon name for the fourth button.
Text
Button 5 Text
The text label displayed on the fifth menu button.
Text
Button 5 Icon
FontAwesome icon name for the fifth button.
Text
Element Events
Title
Description
Button 1 has been pressed
Is triggered when the first button in the menu is pressed.
Button 2 has been pressed
Is triggered when the second button in the menu is pressed.
Button 3 has been pressed
Is triggered when the third button in the menu is pressed.
Button 4 has been pressed
Is triggered when the fourth button in the menu is pressed.
Button 5 has been pressed
Is triggered when the fifth button in the menu is pressed.
Plugin Element - Right-Click Menu 4 Buttons
This version supports up to 4 menu buttons.
Element properties
Title
Description
Type
Button 1 Text
The label for the first menu item.
Text
Button 1 Icon
FontAwesome icon name for the first button.
Text
Button 2 Text
The label for the second menu item.
Text
Button 2 Icon
FontAwesome icon name for the second button.
Text
Button 3 Text
The label for the third menu item.
Text
Button 3 Icon
FontAwesome icon name for the third button.
Text
Button 4 Text
The label for the fourth menu item.
Text
Button 4 Icon
FontAwesome icon name for the fourth button.
Text
Element Events
Title
Description
Button 1 has been pressed
Is triggered when the first button in the menu is pressed.
Button 2 has been pressed
Is triggered when the second button in the menu is pressed.
Button 3 has been pressed
Is triggered when the third button in the menu is pressed.
Button 4 has been pressed
Is triggered when the fourth button in the menu is pressed.
Plugin Element - Right-Click Menu 3 Buttons
This version supports up to 3 menu buttons.
Element Properties
Title
Description
Type
Button 1 Text
Label for the first menu item.
Text
Button 1 Icon
FontAwesome icon name for the first button.
Text
Button 2 Text
Label for the second menu item.
Text
Button 2 Icon
FontAwesome icon name for the second button.
Text
Button 3 Text
Label for the third menu item.
Text
Button 3 Icon
FontAwesome icon name for the third button.
Text
Element Events
Title
Description
Button 1 has been pressed
Is triggered when the first button in the menu is pressed.
Button 2 has been pressed
Is triggered when the second button in the menu is pressed.
Button 3 has been pressed
Is triggered when the third button in the menu is pressed.
Plugin Element - Right-Click Menu 2 Buttons
The simplest version with only 2 buttons.
Element Properties
Title
Description
Type
Button 1 Text
Label for the first menu item.
Text
Button 1 Icon
FontAwesome icon name for the first button.
Text
Button 2 Text
Label for the second menu item.
Text
Button 2 Icon
FontAwesome icon name for the second button.
Text
Element Events
Title
Description
Button 1 has been pressed
Is triggered when the first button in the menu is pressed.
Button 2 has been pressed
Is triggered when the second button in the menu is pressed.
Plugin Element - Repeating Group (RG) Cell Right-Click Support
The plugin also includes a Repeating Group cell variation for dynamic data.
Element Properties
Title
Description
Type
Buttons
Defines the set of menu buttons in JSON format. Each button entry should include: icon (FontAwesome icon name), text (the button label), and action (an internal reference key for workflows).
Text
Cell Type
Lets you specify the type of data stored in each cell. This allows the plugin to return that data as part of the exposed state.
App Type (optional)
Cell Data
Represents the actual content stored inside a cell. This can be used to pass or display data dynamically, depending on the selected Cell Type.
Item representing Cell Type (optional)
Exposed states
Title
Description
Type
Clicked Action
Represents the action that is triggered when a user clicks a button or element. This is the value you can use in workflows to determine what should happen next.
Text
Clicked Data
Holds the data associated with the element that was clicked. Useful for retrieving context or passing along details about the clicked item.
Undefined
Element Events
Title
Description
Action Clicked
This event is triggered whenever a user clicks on a button or element inside the plugin, allowing you to run workflows or capture the user’s action.
