Conditional Formatting: Can't see the Element I want in the list: If [X] is hovered, make this text visible. But I can't see [X] in the list!?

Hi, I’m building a Help System.
I want a text box in my ‘help’ panel to appear when a User hovers over an element on the screen… a button, a group, or an input.

i.e. so they can see some advice, or instructions, associated with whatever they’re hovering.

No, a tooltip is not enough, it needs to be paragraphs of text.

BACKGROUND 1: The Help Panel is a Floating Group.

BACKGROUND 2: My App is complex, but all on a single page, with different sections ‘visible’ depending on a URL parameter.

BACKGROUND 3: I ‘thought’ I was pretty good with Conditionals :winking_face_with_tongue:

PROBLEM

I’m completely fine with setting up the Conditional Formatting etc., my problem is that I don’t see the Element I want in the list available to me.

Sample Conditional: If [Group Heart Elements LIST] is Hovered, make this text visible.

[Group Heart Elements LIST] is a real thing, right there on the same page, but while many other groups and objects are presented for me to choose from, the one(s) I want are missing! Aaargh!

Can anyone explain Bubble’s logic when it come to which elements it offers-up in the conditional formatting condition (and which it excludes)?

Happy to answer clarifying questions, thanks in advance,
G.
:folded_hands:

@glen can you share you app’s link to me, I will help you check it out

Hi, I haven’t done that before, can you walk me through how to give you access? It will be a nightmare to show you the exact place it’s happening though, would it be easier for me to do a screen-recording or similar? I can do a Zoom and invite you?

@glen You can set it in the setting tab, then just copy the link here


image

Hey thanks @athpro1 , I think I’ve identified my problem, the element I wanted to reference in the conditional was in a Repeating Group… so will have to look for a work-around. Any suggestions? TIA

For clarity, I was hoping to have a different text-box in my help panel (floating group) become visible when the user hovers over each item on the main page. Looks like this will be more challenging than I thought, I use a lot of RGs aaargh!

@glen You can put the element that you want to interact into a reusable element and put that reusable element in the RG, then you will write the logic in the RE, something like: DO when (this element) is hovered. If it doesn’t work, find a way to use the Satellite plugin, it can solve lots of problem when using RG
image

@athpro1 , my friend you are a legend… I’ve installed the plugin and it’s made things so much easier. Triggering a bit of short-term re-design pain, but I can see this streamlining a lot of my design. BTW, my site is BetterWays.Work
I’m technically live, if you want a test log-in to have a play pls ask, or you can actually use it legit if it’s relevant to you. Stay well, thanks again, Glen

1 Like

@glen It’s great that I can help you. I used to have those kind of difficulty when working with bubble, I try to register your system but I can’t verify my email due to the sendgrid’s problem :sweat_smile:

Hi @athpro1, I’ve sent an email to the address you signed-on with, just to make sure that it was typed correctly? I didn’t know there was a problem with Sendgrid, perhaps we can talk via email to figure it out? Appreciate you bringing it to my attention :folded_hands: