How do I have each word in a text box trigger an action (workflow action is the same but output will change)

Need help
1

I’m setting up translation on my site and the idea is that when a user clicks a word in the text box a tiny popup will appear to define the word from the text box.I’ve seen some work workflows triggered with HTML but I’m not sure if what I saw would work dynamically for what I need (but if I’m wrong please tell me).

Thanks in advance

2

That’s a tricky on. Maybe a custom html setup might work. You could put each word in a span with an ID and then do this with Javascript.

If you want to go pure Bubble, try putting an anchor tag around each word, with ahref=#word_text - that will put the selected word in the URL every time you click a word. Then run a Do-When Workflow that shows the corresponding popup depending on what word_text gets put into the URL.

It’s a bit of a workaround but something like that should work

3

I took this as a personal challenge and built the following simple example:
chrome_V5ORGBcdeB

Simply, the idea is put the text inside a repeating group splitted by space ( ):

image
image747×327 23.7 KB

In order for the smooth paragraph effect, you shouldn’t have fixed cols and rows and scroll direction will also be Wrapped Horizontally. Setting minimum height to something like 5-10 will also make them look better:
image

Then, of course group focus is not showing in a repeating group cell. For this you have to create a reusable element:
image

This reusable element will actually hold the text in each repeating group cell, that’s why the type is text. And you again set all the width and height as small as possible and make things fit to content.
image
image

This reusable element has a group focus to show whatever you need:
image

And it is displayed when the text in the reusable element is clicked of course:
image

Finally, you add this to the main repeating group’s cell and pass the data:
image

That’s it :slight_smile:

Here is the editor for the curious minds. Check the eachword page and wordmenu reusable element:

1 Like
4

Thanks, this was great I’m still tweaking for design because it’s not my forte but this was everything I wanted!!!

6/5 stars :grinning:

5

This topic was automatically closed after 70 days. New replies are no longer allowed.