# Perspective tool tip text markup

**URL:** <https://forum.inductiveautomation.com/t/perspective-tool-tip-text-markup/60719>\
**Category:** Ignition\
**Tags:** perspective, vision, ignition81\
**Created:** [June 13, 2022, 8:35pm UTC](https://forum.inductiveautomation.com/t/perspective-tool-tip-text-markup/60719 "2022-06-13T20:35:16Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![witman](https://avatars.discourse-cdn.com/v4/letter/w/d2c977/32.png) [@witman](https://forum.inductiveautomation.com/u/witman)\
**Post date:** [June 13, 2022, 8:35pm UTC](https://forum.inductiveautomation.com/t/perspective-tool-tip-text-markup/60719/1 "2022-06-13T20:35:16Z")

</div>

Is there a way to format selected text within a Perspective tool tip? We’d like to bold the first line, but it looks like html doesn’t work in these like it did in Vision.

---

<div class="post-metadata">

**Author:** ![jthorpe](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jthorpe/32/36639_2.png) [@jthorpe](https://forum.inductiveautomation.com/u/jthorpe)\
**Post date:** [June 15, 2022, 11:49pm UTC](https://forum.inductiveautomation.com/t/perspective-tool-tip-text-markup/60719/2 "2022-06-15T23:49:02Z")

</div>

Hi there, in Ignition 8.1.10, all Perspective components received a tooltip meta property. There should be a style property to the tooltip property where you can set the style directly or apply a pre-configured Style Class to the tooltip.

This does translate to HTML and hopefully you can get your formatting how like from here.

Are you on version 8.1.10 or later and are not seeing that property?

I should also point out that there is a known and currently active bug where sometimes Style Classes sometimes are not staying applied to the tooltip.

![tempsnip](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/e/de6dd7faaa3366014ae8399fd0f2c011a2d02c38.png)

---

<div class="post-metadata">

**Author:** ![witman](https://avatars.discourse-cdn.com/v4/letter/w/d2c977/32.png) [@witman](https://forum.inductiveautomation.com/u/witman)\
**Post date:** [June 15, 2022, 11:51pm UTC](https://forum.inductiveautomation.com/t/perspective-tool-tip-text-markup/60719/3 "2022-06-15T23:51:37Z")

</div>

Thanks @jthorpe, we’re on 8.1.17 and have that, but are looking for a way to style only _selected_ text within the tooltip, not all text. Is there a way to use styles to accomplish this?

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [June 16, 2022, 12:05am UTC](https://forum.inductiveautomation.com/t/perspective-tool-tip-text-markup/60719/4 "2022-06-16T00:05:31Z")

</div>

I don’t think it’s possible. HTML would require you to have distinct elements, but the tooltip is emitted as a single element.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [June 16, 2022, 12:11am UTC](https://forum.inductiveautomation.com/t/perspective-tool-tip-text-markup/60719/5 "2022-06-16T00:11:18Z")

</div>

It could be a feature request (e.g. on the ideas portal) - maybe to allow markdown or something in here, but then you’re paying parsing overhead every time the tooltip is displayed, so it’s probably not ideal.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 16, 2022, 6:26am UTC](https://forum.inductiveautomation.com/t/perspective-tool-tip-text-markup/60719/6 "2022-06-16T06:26:11Z")

</div>

@witman  
You can select the first line with ::first-line. Tho its quite hard to see with the black background xd  
`}.psc-boldToolTip::first-line{font-weight:1000;}{`  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/8/38520fa52fc8180441ceab305c9a6a497c8212af.png)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/0/209ddfb2df46dc3a07577b830aa75830a29229f8.png)

if its sepecif words in the text, than it wont really be possible… tho you can do some tricks with lineargradient… its really hacky and not worth your time xd  
its a “transparent gradient” with text-shadow combo… you gotta make the gradient target the correct text, which is really messy and not dynamic at all xd

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/9/d950aa4fe1195f0307a442b3307f51e755d1ed66.png)

---

<div class="post-metadata">

**Author:** ![witman](https://avatars.discourse-cdn.com/v4/letter/w/d2c977/32.png) [@witman](https://forum.inductiveautomation.com/u/witman)\
**Post date:** [June 16, 2022, 3:22pm UTC](https://forum.inductiveautomation.com/t/perspective-tool-tip-text-markup/60719/7 "2022-06-16T15:22:24Z")

</div>

Thanks @victordcq! `first-line` selector works perfectly:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/b/abea65fae4a0cb39ef97ae4369dbdd7f60f163a1.png)  
Linear gradient solution–if there’s a will there’s a way 🤣

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 17, 2022, 6:31am UTC](https://forum.inductiveautomation.com/t/perspective-tool-tip-text-markup/60719/8 "2022-06-17T06:31:13Z")

</div>

note that when there is no space for the tooltip and the text wraps than the first line selector will also select less
