# Perspective: Remove headings and checkbox from Alarm Status responsive table

**URL:** <https://forum.inductiveautomation.com/t/perspective-remove-headings-and-checkbox-from-alarm-status-responsive-table/37847>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [August 18, 2020, 11:18am UTC](https://forum.inductiveautomation.com/t/perspective-remove-headings-and-checkbox-from-alarm-status-responsive-table/37847 "2020-08-18T11:18:20Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [August 18, 2020, 11:18am UTC](https://forum.inductiveautomation.com/t/perspective-remove-headings-and-checkbox-from-alarm-status-responsive-table/37847/1 "2020-08-18T11:18:20Z")

</div>

Can I remove the checkbox and headings from here?

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

---

<div class="post-metadata">

**Author:** ![daniele1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/daniele1/32/31531_2.png) [@daniele1](https://forum.inductiveautomation.com/u/daniele1)\
**Post date:** [March 16, 2022, 10:21am UTC](https://forum.inductiveautomation.com/t/perspective-remove-headings-and-checkbox-from-alarm-status-responsive-table/37847/2 "2022-03-16T10:21:41Z")

</div>

I’m having the same question, did you find out if there’s a way to remove them?

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [March 16, 2022, 10:23am UTC](https://forum.inductiveautomation.com/t/perspective-remove-headings-and-checkbox-from-alarm-status-responsive-table/37847/3 "2022-03-16T10:23:51Z")

</div>

Yep, I resorted to CSS. I’ll let you know when I’m back at laptop within the hour

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [March 16, 2022, 10:25am UTC](https://forum.inductiveautomation.com/t/perspective-remove-headings-and-checkbox-from-alarm-status-responsive-table/37847/4 "2022-03-16T10:25:20Z")

</div>

> [@Remove the column headers from the Alarm Status Table via CSS?](https://forum.inductiveautomation.com/t/remove-the-column-headers-from-the-alarm-status-table-via-css/55857):
>
> v8.1.5 I’m on an ancient version and maybe it’s already solved, but is there any way that I can force the column headings in the responsive alarm status table to go away? I can do this by setting their flex css manually via the browser dev tools to: flex: 0 1 0 instead of flex: 50px 1 auto Will using !important even override something like this where the style has been provided as part of the component rather than as part of the class css? or will the component’s declaration always…

---

<div class="post-metadata">

**Author:** ![daniele1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/daniele1/32/31531_2.png) [@daniele1](https://forum.inductiveautomation.com/u/daniele1)\
**Post date:** [March 16, 2022, 1:26pm UTC](https://forum.inductiveautomation.com/t/perspective-remove-headings-and-checkbox-from-alarm-status-responsive-table/37847/5 "2022-03-16T13:26:59Z")

</div>

Thank you.  
I don’t understand where should I use the custom CSS class in the project.  
Inside the style-classes directory in the project perhaps? If so what should be the name of the file?

---

<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:** [March 16, 2022, 2:01pm UTC](https://forum.inductiveautomation.com/t/perspective-remove-headings-and-checkbox-from-alarm-status-responsive-table/37847/6 "2022-03-16T14:01:28Z")

</div>

The **easiest way** is to inject it in a style class, **the correct way** is to make a theme.css

A theme must be created here `C:\Program Files\Inductive Automation\Ignition\data\modules\com.inductiveautomation.perspective\themes`  
and import your default theme file (light css) and set your default theme to the one you just made.  
Do not edit existing themes as these will be lost on an update

Injection is done by putting the css in a styleclass background image surrounded by inverted brackets  
}{ (no need to assign the class to anything)

(example came from somewhere else)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/8/08e07747b1b965932421676065c3fa74d71f2536.png)

---

<div class="post-metadata">

**Author:** ![daniele1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/daniele1/32/31531_2.png) [@daniele1](https://forum.inductiveautomation.com/u/daniele1)\
**Post date:** [March 16, 2022, 2:49pm UTC](https://forum.inductiveautomation.com/t/perspective-remove-headings-and-checkbox-from-alarm-status-responsive-table/37847/7 "2022-03-16T14:49:54Z")

</div>

Thank you,  
I found a video that explain how to use CSS in perspective [Understanding CSS, Selectors, and Specificity in Ignition Perspective - YouTube](https://www.youtube.com/watch?v=nTzKGn4QGYo)  
Following his example i created a custom directory insiede the thems dir where i created inside a style.css file with this two classes to hide the two columns

 ![Immagine 2022-03-16 154502](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/7/87295fd453cdc501674eb7092faae8193cb57550.png)

Then I imported it in the light.css file

 ![Immagine 2022-03-16 154527](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/a/ba377bb0ed94fefce44bc75d287a4cbe9c098a16.png)

This is the final result (in the app the scroll bar is not displayed)

 ![Immagine 2022-03-16 154829](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/e/6e1320c38ecb359b1aab635df60a2abb3d7ae32f.png)

Thank you for your help

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [March 16, 2022, 2:53pm UTC](https://forum.inductiveautomation.com/t/perspective-remove-headings-and-checkbox-from-alarm-status-responsive-table/37847/8 "2022-03-16T14:53:24Z")

</div>

You should not modify the files supplied by Ignition. When you upgrade that file will be overwritten and you will loose your changes.

Instead import the light.css file at the top of your own theme file before adding your own CSS.

---

<div class="post-metadata">

**Author:** ![daniele1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/daniele1/32/31531_2.png) [@daniele1](https://forum.inductiveautomation.com/u/daniele1)\
**Post date:** [March 16, 2022, 3:09pm UTC](https://forum.inductiveautomation.com/t/perspective-remove-headings-and-checkbox-from-alarm-status-responsive-table/37847/9 "2022-03-16T15:09:00Z")

</div>

Thanks for the tip

---

<div class="post-metadata">

**Author:** ![richardNZ15](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/richardnz15/32/33373_2.png) [@richardNZ15](https://forum.inductiveautomation.com/u/richardNZ15)\
**Post date:** [July 14, 2024, 11:20pm UTC](https://forum.inductiveautomation.com/t/perspective-remove-headings-and-checkbox-from-alarm-status-responsive-table/37847/11 "2024-07-14T23:20:13Z")

</div>

Can this method be used in a style class to remove just the checkboxes? I don't want it to apply to ALL instances of the alarm status table.
