Perspective Power Chart Pen Table Height

When using the perspective power chart, is there any way to give the the pen table more room so that scroll bars don’t appear?

There are 4 pens but no matter how tall I make the view, it always makes me scroll down to see the 4th pen row in the table. I want to be able to see all of them and have no scroll bars.

Thanks,

Nick

1 Like

You’ll be able to resize the pen control area in 8.1.10.

1 Like

Hi,
I am using Ignition 8.1.11 but I still can’t find the size property of the pen control area. I am able to change the size manually when I am in preview mode but it resets when I go back to design mode. Is it possible to change the standard size of the pen control area?

2 Likes

with theme.css or injection

add this line will increase the max default height (default now is 150)

.ia_powerChartComponent__penDataDisplay{max-height:200px}

(injection example, no need to add any styleclasses)
image

1 Like

Thank you, that seems promising!
However, i can’t get the change in the theme.css to work. I have previously only change the colors in theme but I guess you do the same thing when you change an object attribute.
I have created a .css-file (“power-chart.css”) in my theme folder and added this code:

@import "../light/palette/index.css";
.ia_powerChartComponent__penDataDisplay{max-height:500px}

and I imports this file in my index file:

@import "./power-chart.css";

@import "./variables.css";
@import "../light/fonts.css";
@import "../light/globals.css";
@import "../light/app/index.css";
@import "../light/common/index.css";
@import "../light/designer/index.css";

Is this correct?

You should not edit the theme.css files directly but create a new theme that imports the light theme.
And use the new theme.

Changes in the css files might also require a restart of the server to reload them

Help please,

I was not able to make the solutions work.

What am I doing wrong?

Thank you

I tried to make my own .css theme as follow:
TrdTheme
/* Imports */
@import "./light/index.css";

.ia_powerChartComponent__penDataDisplay{
max-height:500px;
}

Selected TrdTheme in
Mytheme

Also tries css injection in style.

1 Like