> For the complete documentation index, see [llms.txt](https://guide.techblocksco.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.techblocksco.com/useful-tips/custom-control-menu.md).

# Custom Control Menu

You can add a custom control menu, which appears next to a Canvas element when it is selected. For instance, in the screenshot below, the red "X" appears beside any element when it is selected.

![](/files/Rh3q66p7GrozI7uiWbCs)

In order to set this up, follow the instructions below.  Here is a link to a [Bubble editor example](https://bubble.io/page?type=page\&name=customcontrol\&id=fabricjs\&test_plugin=1565920055521x927769972289306600_current\&tab=tabs-1).

1. Add the Canvas to your page
2. Add a standard Bubble Group element to your page\ <img src="/files/lfhVFjT0DAYeoln3aabs" alt="" data-size="original">
3. Add a [HTML id attribute](/useful-tips/element-html-id-attribute.md) to that group
4. Enter that HTML id attribute in "Group HTML id" property on the Canvas element\
   ![](/files/FJadtoQKas32TgAI3qFk)
5. Adjust the X and Y offsets (optional)
6. Within the the group, you can add workflow actions to elements. For instance, when a user clicks the "X", we've set it up so that it deletes the element from the Canvas