# Multiline Tooltip in a Map Marker Perspective

**URL:** <https://forum.inductiveautomation.com/t/multiline-tooltip-in-a-map-marker-perspective/59498>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 12, 2022, 12:38pm UTC](https://forum.inductiveautomation.com/t/multiline-tooltip-in-a-map-marker-perspective/59498 "2022-05-12T12:38:49Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Italo\_Saavedra](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/italo_saavedra/32/36627_2.png) [@Italo\_Saavedra](https://forum.inductiveautomation.com/u/Italo_Saavedra)\
**Post date:** [May 12, 2022, 12:38pm UTC](https://forum.inductiveautomation.com/t/multiline-tooltip-in-a-map-marker-perspective/59498/1 "2022-05-12T12:38:49Z")

</div>

Hello, I wanna know if i could use multiline text in marker tooltip on Map Component in Perspective.  
I’ve used \n, \r, etc but doesn’t work. Anybody knows how? or this can’t be possible.  
Thanks

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/0/e0d6cf906312a1e0dcde1e820db20f8e632eb4ea.jpeg)

---

<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:** [May 12, 2022, 12:54pm UTC](https://forum.inductiveautomation.com/t/multiline-tooltip-in-a-map-marker-perspective/59498/2 "2022-05-12T12:54:26Z")

</div>

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

```auto
.leaflet-tooltip{
  white-space: pre
}

```

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

---

<div class="post-metadata">

**Author:** ![Italo\_Saavedra](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/italo_saavedra/32/36627_2.png) [@Italo\_Saavedra](https://forum.inductiveautomation.com/u/Italo_Saavedra)\
**Post date:** [May 12, 2022, 1:12pm UTC](https://forum.inductiveautomation.com/t/multiline-tooltip-in-a-map-marker-perspective/59498/3 "2022-05-12T13:12:05Z")

</div>

I’m going to test and i tell you… thanks for your time

---

<div class="post-metadata">

**Author:** ![Italo\_Saavedra](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/italo_saavedra/32/36627_2.png) [@Italo\_Saavedra](https://forum.inductiveautomation.com/u/Italo_Saavedra)\
**Post date:** [May 12, 2022, 2:20pm UTC](https://forum.inductiveautomation.com/t/multiline-tooltip-in-a-map-marker-perspective/59498/4 "2022-05-12T14:20:23Z")

</div>

Hello again Victor, could you help to tell me how i must use that property? I don’t know how agregate theme.css. where should i put .leaflet-tooltip?, etc

thanks

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [May 12, 2022, 2:22pm UTC](https://forum.inductiveautomation.com/t/multiline-tooltip-in-a-map-marker-perspective/59498/5 "2022-05-12T14:22:38Z")

</div>

Anywhere that’s not already inside a rule.

---

<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:** [May 12, 2022, 2:50pm UTC](https://forum.inductiveautomation.com/t/multiline-tooltip-in-a-map-marker-perspective/59498/6 "2022-05-12T14:50:07Z")

</div>

there is a tutorial for theming

> **[CSS Selectors and Theming Video at Inductive University](https://inductiveuniversity.com/video/css-selectors-and-theming)**
>
> In this lesson Senior Software Engineer Michael Perkins demonstrates how to use CSS Selectors to style specific elements on Perspective components.

you can also use injeciton

> [@Perspective Popup runtime resize behavior](https://forum.inductiveautomation.com/t/perspective-popup-runtime-resize-behavior/57007/14):
>
> Yeah for that you will have to use the css class i provided. create a theme.css or inject it in a styleclass the easiest way is to inject it in a style class, the correct way is to make a theme.css injection is done by putting the css in a styleclass background image surrounded by inverted brackets }{ (no need to assign the class to anything) a theme must be created here C:\Program Files\Inductive Automation\Ignition\data\modules\com.inductiveautomation.perspective\themes and …

---

<div class="post-metadata">

**Author:** ![Italo\_Saavedra](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/italo_saavedra/32/36627_2.png) [@Italo\_Saavedra](https://forum.inductiveautomation.com/u/Italo_Saavedra)\
**Post date:** [May 12, 2022, 5:22pm UTC](https://forum.inductiveautomation.com/t/multiline-tooltip-in-a-map-marker-perspective/59498/7 "2022-05-12T17:22:18Z")

</div>

Thank you Victor!!, i hope it works for tooltip property.

Ítalo

---

<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:** [May 13, 2022, 8:42am UTC](https://forum.inductiveautomation.com/t/multiline-tooltip-in-a-map-marker-perspective/59498/8 "2022-05-13T08:42:45Z")

</div>

I tested it with injection and it worked for me^^