ToolTip not functioning as intended

I have a configured Tooltip , however it does not seem to function as intended.

what am I missing?

What isn't it doing? What type of object is this?

The name that you have there is the internal meta name of the object.
The text you want to show in the tool tip goes into the text property.

As I understand this should produce a Mouse over text of "Gantry"

however no text pops up when moussing over the component

I'm not sure why Tooltip is capitalized or if it matters, but by default, it should be tooltip:


Also, what version are you on? Tooltips were added in 8.1.10 ish or so


The text that will show up in the tooltip is Gantry.

Can you show a screen shot of all the props for the component?
Is this a label component?

Yeah... missed that completely.

yes its a "label" component

OK what version of Ignition?

Looks like you are missing several properties for the tooltip. Probably easiest at this point to drop a new label and start over.

The tooltip props should already be there, you don't need to add them. If you had to add them then they aren't supported in your version.


1 Like

OK... like @YF129701 said above they were introduced around 8.1.10 so they aren't available. And as of right now, you are ~33 minor revisions behind the current version. I'd schedule some time and see if you can upgrade.

interesting so whats a work around to get a mouse over text?

There isn't one that I know of unless you spin your own using scripting. The best workaround is to upgrade your version to one that supports it. Since you are on 8.1.5 you can upgrade with your license. I'd upgrade and test offline if you can to make sure that there aren't any other issues.

1 Like

Also, in Ignition CSS properties are in camelCase rather than kebab-case, so
won't work. You'll want:

Not to be pedantic on a solved forum post, but what you call kebab-case is actually what CSS uses. The fact that Ignition uses camelCase at the view layer doesn't change the fact that, under the hood, whiteSpace becomes white-space in the session. And, because CSS is not case-sensitive, White-space is equivalent to white-space, which is the actual CSS property. Personally, I don't use Ignition's CSS layer, I find it clunky and if you have to learn Ignition's CSS camelCase properties, you may as well learn the actual CSS properties so that you can use that knowledge elsewhere. I'm sure there's a good reason for it, but as a sign of protest, I use regular 'ol CSS properties.


As long as we're being pedantic, Ignition/React uses camelcase for CSS identifiers because kebab case is awful for programming contexts.
Is min-width a declaration of a variable, or an expression min minus width?


Ah, here is the reason why it is this way.. I completely forgot about how Perspective is built :skull:

So you're saying to remove a color from the background, I use the cSs property background-color? /s