# \[FEATURE-1705\] Disabling parts of the Perspective Power Chart

**URL:** <https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 24, 2022, 3:40pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596 "2022-03-24T15:40:23Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![AlThePal](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/althepal/32/3603_2.png) [@AlThePal](https://forum.inductiveautomation.com/u/AlThePal)\
**Post date:** [March 24, 2022, 3:40pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/1 "2022-03-24T15:40:23Z")

</div>

Is it possible to turn off the Chart Range Selector and the Tag Selector on the Perspective Power Chart?

---

<div class="post-metadata">

**Author:** ![kvane](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kvane/32/22228_2.png) [@kvane](https://forum.inductiveautomation.com/u/kvane)\
**Post date:** [March 24, 2022, 3:43pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/2 "2022-03-24T15:43:51Z")

</div>

The “visibility” props nested under “config” lets you turn off most selectors on the Power Chart. I believe the two you want are included in this list. This is a screenshot from version 8.1.15:

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

---

<div class="post-metadata">

**Author:** ![AlThePal](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/althepal/32/3603_2.png) [@AlThePal](https://forum.inductiveautomation.com/u/AlThePal)\
**Post date:** [March 25, 2022, 6:40pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/3 "2022-03-25T18:40:16Z")

</div>

This does let you turn off the button for the Tag Selector, but if you put the chart into Historical mode there’s no way of turning off the Range Selector.

The method of range selection is definitely a backward step from Vision - it’s much more awkward to use and doesn’t work well on a mobile interface.

---

<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 25, 2022, 8:31pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/4 "2022-03-25T20:31:14Z")

</div>

You can hide it with CSS, but at this time that is the only way possible. I have done this but don’t have access to the CSS file at the moment. If some one else hasn’t posted it, I’ll post it when I can.

---

<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 28, 2022, 1:06pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/5 "2022-03-28T13:06:30Z")

</div>

Here is the CSS for removing the range selector:

```auto
.ia_powerChartComponent__chart .range-selector-container{
    display: none !important;
}

```

> [@AlThePal](#):
>
> The method of range selection is definitely a backward step from Vision - it’s much more awkward to use and doesn’t work well on a mobile interface.

I do agree with this.

---

<div class="post-metadata">

**Author:** ![kvane](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kvane/32/22228_2.png) [@kvane](https://forum.inductiveautomation.com/u/kvane)\
**Post date:** [March 28, 2022, 3:27pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/6 "2022-03-28T15:27:07Z")

</div>

We are aware of this limitation for the Historical Range Selector and there is an open request for this [feature](https://forum.inductiveautomation.com/t/power-chart-extra-time-axis/42492/2). Thank you @lrose for the CSS workaround.

---

<div class="post-metadata">

**Author:** ![AlThePal](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/althepal/32/3603_2.png) [@AlThePal](https://forum.inductiveautomation.com/u/AlThePal)\
**Post date:** [April 2, 2022, 9:06am UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/7 "2022-04-02T09:06:32Z")

</div>

Thanks for replying lrose. I thought I could work out how to apply this custom CSS but can’t! How would I add this so it is used by Perspective? Is it possible to apply this CSS only when a certain custom property is true?

---

<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:** [April 4, 2022, 2:26pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/8 "2022-04-04T14:26:01Z")

</div>

There are several ways to accomplish this. The easiest is to paste it as is into a custom theme in a CSS file. Of course this means that it is removed in all cases across all views, so long as that theme is applied.

The next is to inject it into a style. You can learn more about that here:

> [@Perspective power chart question](https://forum.inductiveautomation.com/t/perspective-power-chart-question/57585/4):
>
> with theme.css (correct way) or css injection (easy way) for something like this injeciton seems good. wrap it in reverse brackets }{ and put it into a styleclass backgroundimage. no need to use the styleclass anywhere, this will get it injected into the css file xd the correct way would be to create your own css file… a theme must be created here C:\Program Files\Inductive Automation\Ignition\data\modules\com.inductiveautomation.perspective\themes and import your default theme f…

There are also ways to insure that it is only applied to a specific instance of power chart utilizing a custom style. I'm not too up to speed on that, perhaps @victordcq or @nminchin can provide a more complete solution along those lines.

I also don't believe that injected styles like this work in the designer, but they do work in the browser.

---

<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:** [April 4, 2022, 2:32pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/9 "2022-04-04T14:32:00Z")

</div>

you could add a class in the styles

style:classes:“hideRangeSelector”  
and then in the style

```auto
.psc-hideRangeSelector .ia_powerChartComponent__chart .range-selector-container{
    display: none !important;
}

```

(might not need the space, havent tested it  
`.psc-hideRangeSelector.ia_powerChartComponent__chart`)

---

<div class="post-metadata">

**Author:** ![mjohnson0238](https://avatars.discourse-cdn.com/v4/letter/m/4bbf92/32.png) [@mjohnson0238](https://forum.inductiveautomation.com/u/mjohnson0238)\
**Post date:** [August 10, 2022, 8:35pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/10 "2022-08-10T20:35:09Z")

</div>

Like this correct?

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

---

<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:** [August 11, 2022, 6:04am UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/11 "2022-08-11T06:04:39Z")

</div>

if you want to inject the css into a style class you have to put it in between inverted curly brackets`}{`

```auto
}.psc-hideRangeSelector .ia_powerChartComponent__chart .range-selector-container{ display: none !important;
}{

```

---

<div class="post-metadata">

**Author:** ![mjohnson0238](https://avatars.discourse-cdn.com/v4/letter/m/4bbf92/32.png) [@mjohnson0238](https://forum.inductiveautomation.com/u/mjohnson0238)\
**Post date:** [August 11, 2022, 12:41pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/12 "2022-08-11T12:41:42Z")

</div>

And this should allow me to hide the rangeselector container on the Powerchart? I am using 8.1.0

---

<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:** [August 11, 2022, 12:59pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/13 "2022-08-11T12:59:36Z")

</div>

Yes, so long as you have applied the `hideRangeSelector` style class to that component.

Hopefully, you or someone you work with is petitioning hard to upgrade to a more current version. There have been several bug fixes and features added since 8.1 was released in 2020. Not a criticism, I understand fully why it can be difficult.

---

<div class="post-metadata">

**Author:** ![mjohnson0238](https://avatars.discourse-cdn.com/v4/letter/m/4bbf92/32.png) [@mjohnson0238](https://forum.inductiveautomation.com/u/mjohnson0238)\
**Post date:** [August 11, 2022, 1:03pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/14 "2022-08-11T13:03:18Z")

</div>

I have been fully pleading to my manager about upgrading. He is worried about other projects breaking when we upgrade. We didnt worry about it when we moved from 7.9 to 8.1.0, lol

---

<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:** [August 11, 2022, 1:06pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/15 "2022-08-11T13:06:20Z")

</div>

hah!

There is far less chance of it breaking across a minor revision than a major one. But I get it. I have to find a time when 3 different production facilities are down before I can upgrade. I’m hoping to go to 8.1.19 this weekend. I was attempting to wait for 8.1.20 to be released, but alas I don’t think that is in the cards.

---

<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:** [August 11, 2022, 2:39pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/16 "2022-08-11T14:39:55Z")

</div>

always first test on a different gateway before upgrading a produciton one xd  
and take a beakup

---

<div class="post-metadata">

**Author:** ![mjohnson0238](https://avatars.discourse-cdn.com/v4/letter/m/4bbf92/32.png) [@mjohnson0238](https://forum.inductiveautomation.com/u/mjohnson0238)\
**Post date:** [August 11, 2022, 7:30pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/17 "2022-08-11T19:30:55Z")

</div>

WHere can I find the other commands for the code like this one has:

```auto
}.psc-hideRangeSelector .ia_powerChartComponent__chart .range-selector-container{ display: none important;
}{

```

{ display: none important;}

---

<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:** [August 11, 2022, 7:46pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/18 "2022-08-11T19:46:30Z")

</div>

FYI, that should be: `{display: none !important;}` note the exclamation point.

Google CSS (Cascading Style Sheets) and pick your favorite resource.

---

<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:** [August 12, 2022, 6:46am UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/19 "2022-08-12T06:46:39Z")

</div>

ah my bad, no idea why it didnt copy the !, i’ll edit my reply

---

<div class="post-metadata">

**Author:** ![amill](https://avatars.discourse-cdn.com/v4/letter/a/a587f6/32.png) [@amill](https://forum.inductiveautomation.com/u/amill)\
**Post date:** [November 7, 2024, 6:17pm UTC](https://forum.inductiveautomation.com/t/feature-1705-disabling-parts-of-the-perspective-power-chart/57596/20 "2024-11-07T18:17:10Z")

</div>

Found another way to hide the range selector using freeRange. From the designer, put the chart in mode:panAndZoom, toggle freeRange, then you can change back to xTrace mode.

[User Manual](https://www.docs.inductiveautomation.com/docs/8.1/appendix/components/perspective-components/perspective-chart-palette/perspective-power-chart)