Mention & Tag Users/Items (Tagger)

Demo to preview the settings

Introduction

Effortlessly enhance your Bubble app’s interactivity with the Mention & Tag Users/Items (Tagger) plugin. This powerful tool enables a sleek mention feature that can be added to any input field, allowing users to tag individuals or items with a customizable symbol like '@'. Ideal for comments, chat features, or interactive forms, this plugin introduces a dynamic floating menu that’s both user-friendly and fully customizable to match your app’s design.
With Mention & Tag Users/Items (Tagger), you can define a list of mentionable items, adjust the floating menu’s style, and capture mention data directly from the input, giving you precise control over tagging interactions in your app. This versatile plugin is perfect for collaborative apps, boosting engagement and adding streamlined communication options that elevate the user experience.

How to setup

  1. Install Mention & Tag Users/Items (Tagger) plugin
Image without caption
  1. Place the Mention - Tagger on the page
Image without caption

Plugin Element Properties

Image without caption
Image without caption
Image without caption
Title
Description
Type
Input ID
Make sure this ID is unique on the page! The element ID of the input your would like to add the mention / tagging ability to. For example: mention-input-1
Text, Required
Mention Name Data
A list of text that is the same length as the other 'mention' data that contains the Name (name shown in searchable popup menu) of the data item you are showing
Text, Opitonal
Mention Display Name Data
A list of text. Make sure that the display names do NOT contain spaces! Also make sure that this list is the same length as the other 'mention' data that contains the Display Name (name shown in editor) of the data item you are showing
Text, Opitonal
Mention ID Data
A list of text that is the same length as the other 'mention' data that contains the ID of the data item you are showing
Text, Opitonal
Trigger
Trigger Element ID
Text, Required
Menu Background Color
Menu Background Color
Color
Menu Border Width
Menu Border Width
Number, Required
Menu Border Color
Menu Border Color
Color
Menu Border Radius
Menu Border Radius
Number, Required
Item Highlight Color
Item Highlight Color
Color
Menu Top Margin
Menu Top Margin
Number, Required
Disable?
This setting disables the ability to mention users within the inputs. You can configure this dynamically, for instance.
Checkbox

Changelogs

Update 09.10.24 Version 1.13.0

  • Acquired by Zeroqode

Update 09.09.24 Version 1.12.3

  • Performance improvements

Update 26.08.24 Version 1.12.2

  • Minor improvements

Update 26.08.24 Version 1.12.1

  • Improvements for dynamically changing IDs on inputs

Update 05.08.24 Version 1.12.0

  • Added the feature to remove the space after the mention for the parameter tagger

Update 29.07.24 Version 1.11.1

  • Fix for issue that could occur when input is hidden

Update 02.07.24 Version 1.11.0

  • Added the "Parameter-Tagger" element to tag parameters!

Update 28.06.24 Version 1.10.4

  • Improvements

Update 28.06.24 Version 1.10.3

  • Improvements for mention extractions by main element

Update 03.06.24 Version 1.10.2

  • General improvements

Update 03.06.24 Version 1.10.1

  • Improved the latency of the “Mention Menu Visible?” state

Update 03.06.24 Version 1.10.0

  • Added the "Mention Menu Visible?" state

Update 02.04.24 Version 1.9.7

  • Improved the way the plugin handles special characters as triggers

Update 02.04.24 Version 1.9.6

  • Improved the sanitizing of data

Update 02.04.24 Version 1.9.5

  • Minor improvements

Update 02.04.24 Version 1.9.4

  • Description updates

Update 23.03.24 Version 1.9.3

  • Improved mention created trigger

Update 22.03.24 Version 1.9.2

  • Improved the way the plugin recognizes mentions

Update 22.03.24 Version 1.9.1

  • Improvements for the Extractor element

Update 06.02.24 Version 1.9.0

  • Added a workflow action to clear the element states. This action will also run when the group is reset in Bubble.

Update 29.01.24 Version 1.8.2

  • Improvements

Update 23.01.24 Version 1.8.1

  • Improvements

Update 23.01.24 Version 1.8.0

  • Added the 'Extractor - Mentions' (beta) element to easily replace your mention data!

Update 27.11.23 Version 1.7.0

  • Added a workflow action for when a mention is created

Update 24.11.23 Version 1.6.0

  • The ID field now accepts dynamic data

Update 22.11.23 Version 1.5.0

  • Improvements

Update 18.11.23 Version 1.4.0

  • Added the feature to disable the mention ability

Update 17.11.23 Version 1.3.0

  • Improved the way element states are set when selecting a mention from the dropdown

Update 11.09.23 Version 1.2.1

  • Description update

Update 11.08.23 Version 1.2.0

  • Fixed a bug where new lines were not created on the Bubble multi-line input

Update 11.08.23 Version 1.1.0

  • The menu will now respect the font size set in the plugin properties

Update 11.08.23 Version 1.0.2

  • Description updates

Update 11.08.23 Version 1.0.1

  • Improvements

Update 11.08.23 Version 1.0.0

  • Launch

Update 09.08.23 Version 0.0.3

  • Improvements

Update 09.08.23 Version 0.0.2

  • Stability improvements

Update 09.08.23 Version 0.0.1

  • Pre-launch