# \[8.1.14\] Perspective Alarm Status Table - any way to set the row height?

**URL:** <https://forum.inductiveautomation.com/t/8-1-14-perspective-alarm-status-table-any-way-to-set-the-row-height/63575>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [August 29, 2022, 6:45pm UTC](https://forum.inductiveautomation.com/t/8-1-14-perspective-alarm-status-table-any-way-to-set-the-row-height/63575 "2022-08-29T18:45:27Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![DaveRNeal](https://avatars.discourse-cdn.com/v4/letter/d/53a042/32.png) [@DaveRNeal](https://forum.inductiveautomation.com/u/DaveRNeal)\
**Post date:** [August 29, 2022, 6:45pm UTC](https://forum.inductiveautomation.com/t/8-1-14-perspective-alarm-status-table-any-way-to-set-the-row-height/63575/1 "2022-08-29T18:45:27Z")

</div>

Good Afternoon,

I’m working on an alarm status table screen and am having a hard time figuring out how to set the height of each row in Perspective. Is there an option in the Alarm Status Table properties that allows me to do this? If not, is there a setting I can make in a style class that would do this for me?

Thanks!

---

<div class="post-metadata">

**Author:** ![plo](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/plo/32/33875_2.png) [@plo](https://forum.inductiveautomation.com/u/plo)\
**Post date:** [September 6, 2022, 9:15pm UTC](https://forum.inductiveautomation.com/t/8-1-14-perspective-alarm-status-table-any-way-to-set-the-row-height/63575/2 "2022-09-06T21:15:32Z")

</div>

Hello DaveRNeal,

The settings to control the row height is the `props.rowStyle.{the 4 alarm states}.base.lineHeight`

You can fill in the property itself or use the “modify styles” to edit the text \> then line height of each style. This will control the height of each row. Do remember you will have to enter/exit the Preview mode to prompt the designer to refresh the Alarm Table display.

You can also create a Perspective Style with the line height configured and set that for all of the rowStyles mentioned above.

[https://docs.inductiveautomation.com/display/DOC81/Styles](https://docs.inductiveautomation.com/display/DOC81/Styles)

---

<div class="post-metadata">

**Author:** ![DaveRNeal](https://avatars.discourse-cdn.com/v4/letter/d/53a042/32.png) [@DaveRNeal](https://forum.inductiveautomation.com/u/DaveRNeal)\
**Post date:** [September 6, 2022, 10:36pm UTC](https://forum.inductiveautomation.com/t/8-1-14-perspective-alarm-status-table-any-way-to-set-the-row-height/63575/3 "2022-09-06T22:36:06Z")

</div>

Thanks for your input! That got me where I needed to be. I learned a couple things playing around with this:

- minHeight and maxHeight was what I was looking for instead of lineHeight
- Neither minHeight, maxHeight, nor lineHeight were available in the Properties menu, but adding it manually worked.
- This might just be my lack of css knowledge, but I kept trying “line-height” instead of “lineHeight.” most webpages I come across have they keyword listed as “line-height” but it looks like all css keywords in Ignition are changed to be lowerCamelCase with hyphens removed.
- There doesn’t appear to be a way to add these in a perspective Style Class. The only applied styles available are in the right portion of the window (Text, Background, Border, etc.).

Before:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/a/0acf624ef7c08ccb99743b93f8991defae71940c.png)

After:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/7/9771dfe1cb05794e16eaa2b72757d2c891b02154.png)

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [September 6, 2022, 11:33pm UTC](https://forum.inductiveautomation.com/t/8-1-14-perspective-alarm-status-table-any-way-to-set-the-row-height/63575/4 "2022-09-06T23:33:47Z")

</div>

> [@DaveRNeal](#):
>
> changed to be lowerCamelCase with hyphens removed

Neither jython nor javascript allow hyphens in variable or property names. Because it is the subtraction operator.

---

<div class="post-metadata">

**Author:** ![yin.cheng](https://avatars.discourse-cdn.com/v4/letter/y/85f322/32.png) [@yin.cheng](https://forum.inductiveautomation.com/u/yin.cheng)\
**Post date:** [September 22, 2023, 8:53am UTC](https://forum.inductiveautomation.com/t/8-1-14-perspective-alarm-status-table-any-way-to-set-the-row-height/63575/5 "2023-09-22T08:53:57Z")

</div>

Hi Dave, do you mind sharing where exactly did you add in the properties minHeight and maxHeight? I have tried to add it in under the overall Props, rowStyles, each of the types( activeUnack etc) but still could not change the height of the rows..

---

<div class="post-metadata">

**Author:** ![Henrique\_Trebilcock](https://avatars.discourse-cdn.com/v4/letter/h/8edcca/32.png) [@Henrique\_Trebilcock](https://forum.inductiveautomation.com/u/Henrique_Trebilcock)\
**Post date:** [March 18, 2024, 12:22am UTC](https://forum.inductiveautomation.com/t/8-1-14-perspective-alarm-status-table-any-way-to-set-the-row-height/63575/6 "2024-03-18T00:22:53Z")

</div>

I just wish you had said where to use minHeight and maxHeight 😛

---

<div class="post-metadata">

**Author:** ![Henrique\_Trebilcock](https://avatars.discourse-cdn.com/v4/letter/h/8edcca/32.png) [@Henrique\_Trebilcock](https://forum.inductiveautomation.com/u/Henrique_Trebilcock)\
**Post date:** [March 18, 2024, 12:33am UTC](https://forum.inductiveautomation.com/t/8-1-14-perspective-alarm-status-table-any-way-to-set-the-row-height/63575/7 "2024-03-18T00:33:14Z")

</div>

I have the answer:

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/f/af9ddcce84c11f87c8a4a647fd113b8bca16e468.png)

---

<div class="post-metadata">

**Author:** ![Michael\_Pace](https://avatars.discourse-cdn.com/v4/letter/m/57b2e6/32.png) [@Michael\_Pace](https://forum.inductiveautomation.com/u/Michael_Pace)\
**Post date:** [January 21, 2026, 2:34am UTC](https://forum.inductiveautomation.com/t/8-1-14-perspective-alarm-status-table-any-way-to-set-the-row-height/63575/8 "2026-01-21T02:34:39Z")

</div>

Is there a way to apply separate row height properties to the shelved alarm rows? My active alarms have a row height of 20 which displays correctly using the previously discussed method. However, when I open the shelved alarm view each of the row’s text overlaps the above row’s gridline. I believe the row “overlay” is displaying a height of 30p but each row’s gridline is set to a height of 20p.

 ![Shelved Alarm Overlap](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/7/47fb711f1a3f4ea0dbeaf26dfe5c0b236a8c0d74.jpeg)

Interestingly, when I inspect element on a row the view corrects and displays each row overlay/gridline height as 30p.

 ![Inspect Element Shelved Alarm Row](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/b/ebd878b09fb803486466c27c66ddb077b679a588.jpeg)

Each of my rowStyles is configured as pictured below

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/a/1a468889dd747a71f65841a004a5ecf7fa901062.png)

The project is also using a custom stylesheet but none of the scripting relates to the body row height

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/c/5ca31eb6ca82e7f4374cd308ad9a6829b4d89506.png)
