# Tooltip with Multiple Lines Needed **URL:** \ **Category:** General Discussion\ **Tags:** perspective\ **Created:** [June 13, 2022, 7:03pm UTC](https://forum.inductiveautomation.com/t/tooltip-with-multiple-lines-needed/60712 "2022-06-13T19:03:04Z")\ **Posts on this page:** 13\ **Page:** 1
**Author:** ![ahawes](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ahawes/32/36337_2.png) [@ahawes](https://forum.inductiveautomation.com/u/ahawes)\ **Post date:** [June 13, 2022, 7:03pm UTC](https://forum.inductiveautomation.com/t/tooltip-with-multiple-lines-needed/60712/1 "2022-06-13T19:03:04Z")
Good afternoon Team, One more question today. I have read on the forum that to add breaks in a line you need to add at the beginning and where you want the line break. It was not very clear for someone like me so I am not sure how to fix this tool tip. Any help? ```auto "Location Status: +
" + "Aisle: " + {view.params.Aisle} + "
" + "Rack Side: " +{view.params.RackSide} + "
" + "Rack Field: " + {view.params.RackField} + "
" + "Rack Position: " + {view.params.RackPlace} + "
" + "Level: " + {view.params.Level} + "
" + "Depth: " + {view.params.Depth} + "
" + "Bin Status: " + {view.params.Status} + "
" [details="Summary"] This text will be hidden [/details] ``` ---
**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 13, 2022, 7:11pm UTC](https://forum.inductiveautomation.com/t/tooltip-with-multiple-lines-needed/60712/2 "2022-06-13T19:11:35Z")
Set the style of the tooltip element to `whiteSpace: pre` and use literal newlines (`\n`): ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/6/363a8bfdd4e1b30c8cc9add463900e79f25776d2.png) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/d/7d2466255209ba620567045e92053160848107c5.png) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/1/71c256c7ceb7482bfa4b9d0c812db05392c2778b.png) The sample you saw using `` and `
` was probably for Vision tooltips, not Perspective. ---
**Author:** ![ahawes](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ahawes/32/36337_2.png) [@ahawes](https://forum.inductiveautomation.com/u/ahawes)\ **Post date:** [June 13, 2022, 7:20pm UTC](https://forum.inductiveautomation.com/t/tooltip-with-multiple-lines-needed/60712/3 "2022-06-13T19:20:52Z")
Awesome, thank you so much. Is there a document that describes what all those different things like whiteSpace can do? ---
**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 13, 2022, 7:22pm UTC](https://forum.inductiveautomation.com/t/tooltip-with-multiple-lines-needed/60712/4 "2022-06-13T19:22:40Z")
Not really. It’s actually a CSS attribute that we’re emitting to the web browser; Ignition doesn’t have anything to do with what it does or not. And there’s a _lot_ of CSS attributes, so trying to document them all is a huge endeavor. If you’re ever curious about a style attribute, I’d highly recommend the Mozilla Developer Network; e.g. I googled `mdn white space` and got this: [white-space - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space) ---
**Author:** ![Conn\_Mccurdy](https://avatars.discourse-cdn.com/v4/letter/c/e495f1/32.png) [@Conn\_Mccurdy](https://forum.inductiveautomation.com/u/Conn_Mccurdy)\ **Post date:** [July 1, 2022, 5:04pm UTC](https://forum.inductiveautomation.com/t/tooltip-with-multiple-lines-needed/60712/5 "2022-07-01T17:04:43Z")
what about for a marker on a map. I am trying to get multiple lines there but there is no option for style. Is there any way I can get this to work that you know of. Any help would be appreciated. ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [July 4, 2022, 6:49am UTC](https://forum.inductiveautomation.com/t/tooltip-with-multiple-lines-needed/60712/6 "2022-07-04T06:49:41Z")
@Conn_Mccurdy here i answered it before > [@Multiline Tooltip in a Map Marker Perspective](https://forum.inductiveautomation.com/t/multiline-tooltip-in-a-map-marker-perspective/59498/2): > > You should be able to if you add a style to the marker white-space: pre Seems it has no property for this, so you’ll have to use theme.css or css injection .leaflet-tooltip{ white-space: pre } [image] ---
**Author:** ![Conn\_Mccurdy](https://avatars.discourse-cdn.com/v4/letter/c/e495f1/32.png) [@Conn\_Mccurdy](https://forum.inductiveautomation.com/u/Conn_Mccurdy)\ **Post date:** [July 5, 2022, 12:38pm UTC](https://forum.inductiveautomation.com/t/tooltip-with-multiple-lines-needed/60712/7 "2022-07-05T12:38:52Z")
![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/1/0139693ea4bb9d2f94cbcc30aac6880f01f5cde0.png) I am still a bit confused as to where i am supposed to be putting these themes and the white space. Just not clicking with me ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [July 5, 2022, 1:40pm UTC](https://forum.inductiveautomation.com/t/tooltip-with-multiple-lines-needed/60712/8 "2022-07-05T13:40:12Z")
yeah in that topic i said the style property in tooltips doesnt seem to work, so you gotta use css injection or theme.css ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [July 5, 2022, 1:42pm UTC](https://forum.inductiveautomation.com/t/tooltip-with-multiple-lines-needed/60712/9 "2022-07-05T13:42:07Z")
create a random styleclass and paste this into the background image ```auto }.leaflet-tooltip{ white-space: pre }{ ``` ---
**Author:** ![Conn\_Mccurdy](https://avatars.discourse-cdn.com/v4/letter/c/e495f1/32.png) [@Conn\_Mccurdy](https://forum.inductiveautomation.com/u/Conn_Mccurdy)\ **Post date:** [July 5, 2022, 2:08pm UTC](https://forum.inductiveautomation.com/t/tooltip-with-multiple-lines-needed/60712/10 "2022-07-05T14:08:36Z")
unfortunately css.injection or theme.css are not working. Its seems like its telling me that that property isnt available. ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [July 5, 2022, 2:57pm UTC](https://forum.inductiveautomation.com/t/tooltip-with-multiple-lines-needed/60712/11 "2022-07-05T14:57:42Z")
show me what you tried, it worked for me ---
**Author:** ![Conn\_Mccurdy](https://avatars.discourse-cdn.com/v4/letter/c/e495f1/32.png) [@Conn\_Mccurdy](https://forum.inductiveautomation.com/u/Conn_Mccurdy)\ **Post date:** [July 5, 2022, 3:03pm UTC](https://forum.inductiveautomation.com/t/tooltip-with-multiple-lines-needed/60712/12 "2022-07-05T15:03:58Z")
![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/1/111938ab991cebe415a0cea2b57a03c8adb41fd8.png) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/6/86b8b86b101c12c895391997fd596ec8d2b0bbdd.png) ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [July 6, 2022, 6:45am UTC](https://forum.inductiveautomation.com/t/tooltip-with-multiple-lines-needed/60712/13 "2022-07-06T06:45:38Z")
uf yeah they are not properties. theme.css are css files stored on your igntion folder injection is injection css in a styleclass. in the topic i linked above there is a post linking to some more info on these. > [@Multiline Tooltip in a Map Marker Perspective](https://forum.inductiveautomation.com/t/multiline-tooltip-in-a-map-marker-perspective/59498/6): > > there is a tutorial for theming you can also use injeciton