Introducing the magnificent "Amazing Mention Tag" plugin, here before your very eyes!

My mistake. I thought that with “@” I would see the options but I need to type one letter so the options are displayed. Question @Efe, is it possible to customize the selection to use other keyboards instead of “enter”? I need this for a chatbot use-case and if I press enter it will send a message.

1 Like

Yes @joaquintorroba , you’re right. After the “@” character, you need to type at least one letter. Moreover, this is customizable. It’s up to the developer to define after how many characters typed following the “@” the menu will be displayed.

As for your question, currently, selections can only be made via “enter” or a “mouse click”. Thank you for bringing this up. The feature you mentioned could be essential for various scenarios. We’ll add this improvement to our roadmap.

If you have any other questions, please let us know.

Best

1 Like

Thanks for the quick reply @Efe. Please tag me if you add this feature in the future.
Best!

1 Like

Assuming Single Page Application. How will the hyperlink be used to change states or conditionals?

Hello @pikileng,

Could you please provide a specific example related to your query on hyperlinks in a SPA? This will help me address your concerns more effectively. Thank you in advance.

Best

Hi @Efe ! Love the plugin, but curious if there is a way to NOT have it search all users? My use case is to search for users in a certain channel (so a list of users), but when I try and set it up that way, the results are empty. When I remove the parameters and search all users, I can tag ANY user in the app… which I definitely do not want to do. Thanks!

1 Like

Hello @maggie,

I’m delighted to hear that you enjoyed the plugin. Thank you for sharing your feedback. The use-case you mentioned is indeed a potential common scenario. While the current version doesn’t offer an easy way to modify the user list, we will work towards incorporating this in upcoming versions.

You can stay updated on the new version releases through this forum post.

Best

1 Like

Hey @Efe, by any chance could this be done? :slight_smile:

1 Like

Hello @joaquintorroba,

I know that you’ve been waiting for the next update. I’ll let you know when it’s available.

Best,
Efe

1 Like

Thanks, looking forward.

1 Like

:loudspeaker: Amazing Mention Tag v1.11.0 has released!

Hello everyone,

We’re excited to announce a new feature in the latest version of Amazing Mention Tag: Define Key Combination.

Now, you have the flexibility to customize which key combination selects an item from the mention menu, ensuring a smoother and more intuitive user experience.

Special thanks to @joaquintorroba for suggesting this feature!

:wrench: How to Use: Simply go to the plugin element appearance tab, and you’ll find the option to set your preferred key combination for item selection.

Sample Page

Plugin page
Editor

Best,
Efe

3 Likes

Hi, Overnight the plugin has stopped working for my app. Complete loss of functionality without updating my app or updating the plugin. Any idea why that is happening?

Hi, So I figured out what (I suspect) the issue is. I am using a reusable chat element that I build on the page. We have two (or more) chats that can appear on the page at once, and they would all technically be using the same plugin element and RTE input.

I think this is creating a conflict.

Any idea on a work around so it works correctly?

Hello @ian11,

I’m sorry to hear you’re experiencing issues. The first thing that comes to mind is that the RTEs might have the same IDs, which could be why the plugin isn’t working correctly. To overcome this, you could assign a unique text as a parameter to the reusable element, and then use this unique text as the ID for the RTE inside the reusable element.

I hope this solution will work for you. Please let me know whether it does or doesn’t.

Best

Hey Ian,
Curious about this case, are you using the RTE as the chatbox? Does it allow you to send the message with “enter” or other keyboard shortcut? Or do you have to click on the orange arrow each time you send a message?
I’m figuring out how to use the mention-tag in a chatbox as well but I want it to change colors when the #mentions happens. And with multiline input is not possible and when I try with RTE I have that covered but I can’t send the text with “enter” or “shift+enter”.
Thanks in advanced :slight_smile:

I haven’t messed with that. I have it disabled that enter sends the message for the RTE (Because I don’t want my team mistakenly sending messages)

1 Like

For anyone else that runs into the same issue, here is the way I solved it…

  1. Create a state on my reusable chat element called “random_number”
  2. Create a workflow - On page load, generate a random number and set the random_number state
  3. Make the element ID of the RTE and the Mention element “message_box[random_number]'s value”

This generates a completely unique random number for each of the RTE’s.

Seems to have solved the issue for now.

2 Likes

Great solution! Thanks for sharing @ian11 :v:

Hey @eren loving the plugin! We’ve successfully implemented it for our “X” style timeline/newsfeed but we have one small hiccup. We can’t enable the “recognise links and emails” feature on our post content text element.

We need this enabled for when a user might link to a website in their post. But if enabled, it also picks up the link in the mention, breaking it and displaying the bb code to the user.

Is there any way to fix this? Cheers!

(Bubble manual for reference)

1 Like

Hello @platform, thank you for your feedback!

Actually, Amazing Mention Tag adds HTML codes to the mentioned text to make it styled, and the RichText element converts it to BB Code. As a result, you see your mentioned text in BB Code. This is why you see the BB Code appear when you enable the “Recognize links and emails” feature.

For the current version of Amazing Mention Tag, there isn’t a direct solution. However, do you think releasing an update with the “turn off adding style” property would effectively solve your problem?

Best regards,
Efe