How to hide columns title on Journal Status Table?

Ignition
1

Hello everybody,

I search to desactivate/hide the columns title for keep a maximum space for the datas.

image

I don't find solution by Property Editor but I think it's possible and not hard by Scripts, but I dont success.
Of courses, I searched on the community if someone has the same problem, but no result.

Thank you in advance for your help.

Best regard,
Maxime Guenet

2

Hi,
I think this can be done just by right clicking on the component and select the columns to be displayed.

image
image889×750 61.2 KB

3

Hi @Dharani_T,

Thank you for your answer, but I don't want desactivate columns, I want désactivate the title of the columns.
I don't know if I'm clear, on your screenshot it's "Active Time" title that I want hide for example, but I want keep de Active Time data/column.

4

You may try this functionality in a table , use header groups and leave the title as empty
and query the alarm data like
eventtype WHEN 0 THEN 'Active'
WHEN 1 THEN 'Clear'
WHEN 2 THEN 'Acknowledged'

image

5

Ok I note the method if I can't find a solution, but I would prefer to keep a JournalStatusTable, because it offers interesting features, such as the possibility of having the details of the current alarm by clicking on it.

When "I inspect" the web page and access the CSS and html, I manage to make these titles disappear, but I don't know how to do it via the designer.

6

You would need to modify the CSS rules being used for the component by supplying some CSS of your own.

The following rule should remove the column name label from your Alarm Status Table while in a responsive layout (this rule should work but is untested - if you don't see it working, the important! modifier might be needed):

tb tr tc[data-column-id="label"] {
    display: none;
}

CSS rules can be applied in your theme files or as part of the stylesheet.css resource if you're using 8.1.22 or newer.

If you want this behavior for only the Alarm Status Table, you can further expand on the rule:

div[data-component="ia.display.alarmstatustable"] tb tr tc[data-column-id="label"] {
    display: none;
}
2 Likes
7

Hi,

Ok this solution look like perfect !!

I will be able to modifiy the theme files next week, I will not forget to confirm you if it's work.

Thank you a lot !