Context Menu

Details

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, everytime 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.

For a demo please visit: https://anticodeplugin.bubbleapps.io/contextmenu

Categories

Containers Technical Productivity Visual Elements

Types

Element Event

Links

Service Link:

https://www.rapidevelopers.com

Instructions

1. Simply drag the context menu element onto the bubble page where you want to create a custom menu.
2. You have to specify the number of icons that should be displayed within the menu (1-6).
3. Furthermore, you also have to specify what text should be next to each icon (eg: icon1name) and also which icon should be used.
4. To choose an icon, simply head over to https://fontawesome.com/v4.7.0/ and choose an icon.
5. Copy the class code (example: fa-car) and enter it for each icon.
6. You will only need to fill in the name of the icon and the icon information if you want an icon to be displayed. For example, if you select 2 icons to be displayed only, you can leave the fields for icon 3,4,5 and 6 empty.