# Multiline tooltip on 8.1.10+

**URL:** <https://forum.inductiveautomation.com/t/multiline-tooltip-on-8-1-10/51455>\
**Category:** Ignition\
**Tags:** ignition81\
**Created:** [September 29, 2021, 4:35pm UTC](https://forum.inductiveautomation.com/t/multiline-tooltip-on-8-1-10/51455 "2021-09-29T16:35:41Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![YF129701](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/yf129701/32/60498_2.png) [@YF129701](https://forum.inductiveautomation.com/u/YF129701)\
**Post date:** [September 29, 2021, 4:35pm UTC](https://forum.inductiveautomation.com/t/multiline-tooltip-on-8-1-10/51455/1 "2021-09-29T16:35:41Z")

</div>

Is there a way to make a tooltip have multiline text?

Here is what I tried:

- `first line \n second line`
- `first line \r\n second line`
- `first line\r\nsecond line`

A hacky work-around is to set the width of the tooltip so it forces the text to wrap, but this solution is not ideal, as you can tell.

---

<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:** [September 29, 2021, 4:44pm UTC](https://forum.inductiveautomation.com/t/multiline-tooltip-on-8-1-10/51455/2 "2021-09-29T16:44:16Z")

</div>

You can add a `white-space: pre` directive to the tooltip style:

> [@New Feature: Perspective Tooltips](https://forum.inductiveautomation.com/t/new-feature-perspective-tooltips/49630/17):
>
> you can tho with style: white-space: pre [image] [image] you will need to enter the editlong/multi text tho [image]

---

<div class="post-metadata">

**Author:** ![tyler.bennett](https://avatars.discourse-cdn.com/v4/letter/t/f04885/32.png) [@tyler.bennett](https://forum.inductiveautomation.com/u/tyler.bennett)\
**Post date:** [August 2, 2022, 7:12pm UTC](https://forum.inductiveautomation.com/t/multiline-tooltip-on-8-1-10/51455/3 "2022-08-02T19:12:32Z")

</div>

Adding some detail here in case it is useful to others (verified on Ignition 8.1.18).

1. If you want the text to automatically wrap when the length exceeds the max width of the tooltip and on line breaks then consider setting the white-space directive for the tooltip style to `white-space: pre-wrap`  
Reference: [https://www.w3schools.com/cssref/pr\_text\_white-space.asp](https://www.w3schools.com/cssref/pr_text_white-space.asp)

2. If you want to add line-breaks or other whitespace in a expression then escape sequences like ‘\n’ (for newline) and ‘\t’ (for tab) appear to work.  
Example:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/0/c0b045e3afe2c9f45bd9e3345205870df5137580.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/7/1701544125a00c65f559a9d0fb720173e1780455.png)