# Line Spacing

**URL:** <https://forum.inductiveautomation.com/t/line-spacing/9421>\
**Category:** Ignition\
**Tags:** vision\
**Created:** [December 9, 2014, 5:30pm UTC](https://forum.inductiveautomation.com/t/line-spacing/9421 "2014-12-09T17:30:38Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![zacslade](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacslade/32/3587_2.png) [@zacslade](https://forum.inductiveautomation.com/u/zacslade)\
**Post date:** [December 9, 2014, 5:30pm UTC](https://forum.inductiveautomation.com/t/line-spacing/9421/1 "2014-12-09T17:30:38Z")

</div>

Hi there,

I'm working on a project in Ignition Designer, and it would save me some time if I were able to adjust the line spacing for my text.

I'm running Windows 7 with the latest Java.  
My ignition version information is as follows:  
Ignition Platform: 7.7.1  
SFC Module: 1.7.1-beta11  
Instrument Interface Module: 1.7.1  
OPC-UA Module: 2.7.1  
Vision Module: 7.7.1  
SQL Bridge Module: 6.7.1  
OpcCom Module: 2.7.1  
Alarm Notification Module: 2.7.1  
Production Module: 1.7.1  
Mobile Module: 2.7.1  
Schedule Module: 1.7.1  
Recipe Module: 1.7.1 [Trial]  
SPC Module: 1.7.1 [Trial]  
Reporting Module: 2.7.1  
Symbol Factory Module: 3.7.1  
OEE Downtime Module: 1.7.1

I found this thread:  
[inductiveautomation.com/for ... ne+spacing](https://www.inductiveautomation.com/forum/viewtopic.php?f=70&t=9333&hilit=line+spacing)

Which notes:

> [@Travis.Cox](#):
>
> It doesn't look like Java's HTML viewer respects the line-height parameter.

So, to avoid getting repeat answers, the question in that thread was: "How do I adjust line spacing using HTML?"  
My question is: "How do I adjust line spacing?"

Thanks!

(P.S. So far I'm really enjoying my work in Ignition. You guys are doing great!)

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [December 10, 2014, 2:20pm UTC](https://forum.inductiveautomation.com/t/line-spacing/9421/2 "2014-12-10T14:20:15Z")

</div>

Even now this can be an ambiguous question. Are we talking about:

a) adjust spacing between multiple components  
-OR-  
b) adjusting space between multiple lines in a single component (like a label)

The first is easily accomplished from the tools at the right end of the Shape Editing Toolbar:  
 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/e/ec3718764ac38e99accad28c643888a68ed872bc.png)

For the second, the answer may as well be “Nope”. The only way to do this would be via HTML. Unfortunately, while CSS support has been improved, line-height still only has a placeholder and no implememtation (for those interested in what CSS attributes are supported, you can look [here](http://docs.oracle.com/javase/8/docs/api/index.html?javax/swing/text/html/CSS.html)).

The closest I have ever been able to come has been to use the padding-top attribute to achieve the same result-- sort of.

What it won’t do:  
–work on word-wrapped lines.  
–bring lines closer together. (Negative numbers for the padding value)

The attached files are a shared script and a window to illustrate.  
[test\_Label\_2014-12-10\_0913.proj](https://us1.discourse-cdn.com/inductiveautomation/original/2X/a/a0494d42264d59f562886613a4a47c68bf677e5f.proj) (5.24 KB)  
[global\_html\_2014-12-10\_0843.proj](https://us1.discourse-cdn.com/inductiveautomation/original/2X/c/c4aed1d4b67eb9c83f87b1fc965bd231d199ed47.proj) (1.27 KB)

---

<div class="post-metadata">

**Author:** ![jsorlie](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jsorlie/32/3645_2.png) [@jsorlie](https://forum.inductiveautomation.com/u/jsorlie)\
**Post date:** [March 15, 2018, 5:32pm UTC](https://forum.inductiveautomation.com/t/line-spacing/9421/3 "2018-03-15T17:32:07Z")

</div>

Here is an HTML solution. The only height directive obeyed by the   
 element is the base font size.  
Reduce the line height by setting a smaller font size. Then set the font size to be larger in the HTML for the labels.

`<html> <span style= "font-size:200%">label text 1</span> <span style= "font-size:100%">&nbsp;<BR></span> <span style= "font-size:200%">label text 2</span></html>`

---

<div class="post-metadata">

**Author:** ![H\_bebe](https://avatars.discourse-cdn.com/v4/letter/h/ecccb3/32.png) [@H\_bebe](https://forum.inductiveautomation.com/u/H_bebe)\
**Post date:** [October 28, 2022, 12:11am UTC](https://forum.inductiveautomation.com/t/line-spacing/9421/4 "2022-10-28T00:11:20Z")

</div>

This seems to no longer work on 8.1, are there any alternatives

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [October 28, 2022, 12:14am UTC](https://forum.inductiveautomation.com/t/line-spacing/9421/5 "2022-10-28T00:14:13Z")

</div>

Just to verify, are you using Vision or Perspective? While this thread isn't flagged, it was for Vision.

---

<div class="post-metadata">

**Author:** ![H\_bebe](https://avatars.discourse-cdn.com/v4/letter/h/ecccb3/32.png) [@H\_bebe](https://forum.inductiveautomation.com/u/H_bebe)\
**Post date:** [October 28, 2022, 12:28am UTC](https://forum.inductiveautomation.com/t/line-spacing/9421/6 "2022-10-28T00:28:35Z")

</div>

Yes, Vision. Trying that snippet in the text of a label.

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [October 28, 2022, 12:54am UTC](https://forum.inductiveautomation.com/t/line-spacing/9421/7 "2022-10-28T00:54:30Z")

</div>

Seemed to work for me, although I could be missing the point

---

<div class="post-metadata">

**Author:** ![H\_bebe](https://avatars.discourse-cdn.com/v4/letter/h/ecccb3/32.png) [@H\_bebe](https://forum.inductiveautomation.com/u/H_bebe)\
**Post date:** [October 28, 2022, 4:26pm UTC](https://forum.inductiveautomation.com/t/line-spacing/9421/8 "2022-10-28T16:26:12Z")

</div>

```auto
<html> <span style= "font-size:600%">label text 1</span> <span style= "font-size:100%">&nbsp;<BR></span> <span style= "font-size:600%">label text 2</span></html>

```

Try that with the font property of the label set to 2, if it works the space between the 2 lines of text should be quite small. What version are you on? Could you attach a screenshot?

---

<div class="post-metadata">

**Author:** ![robmann](https://avatars.discourse-cdn.com/v4/letter/r/9de0a6/32.png) [@robmann](https://forum.inductiveautomation.com/u/robmann)\
**Post date:** [May 24, 2023, 3:26pm UTC](https://forum.inductiveautomation.com/t/line-spacing/9421/9 "2023-05-24T15:26:06Z")

</div>

I am having no luck getting this to work in 8.1.23. no matter what the paragraph spacing remains the same?

---

<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:** [May 24, 2023, 3:38pm UTC](https://forum.inductiveautomation.com/t/line-spacing/9421/10 "2023-05-24T15:38:31Z")

</div>

This post originally from 2014 far predates Perspective and is only concerned with Vision. Are you using Vision, or Perspective?

---

<div class="post-metadata">

**Author:** ![Dustin\_VanKeuren](https://avatars.discourse-cdn.com/v4/letter/d/b782af/32.png) [@Dustin\_VanKeuren](https://forum.inductiveautomation.com/u/Dustin_VanKeuren)\
**Post date:** [December 4, 2024, 3:51pm UTC](https://forum.inductiveautomation.com/t/line-spacing/9421/11 "2024-12-04T15:51:17Z")

</div>

See, this is one of the issues I have with Ignition. I should not have to use HTML to put a line break in label text. I should not have to create 3 components on the screen to accomplish the spacing I like instead of just using one. Just my opinion.
