Hide Line Chart Zoom Range

[pshashipreetham]

Hi,

I am trying to hide the Line Chart Zoom Range:

I have followed the following CSS from the Article:

Article - CS377455 - Applying Custom CSS Styling to Web Component Widgets in ThingWorx Platform 9.3.4+ (ptc.com)

CSS:

@supports (ptcs-style-unit: "PTCS-CHART-ZOOM-RANGE") 
{
    [part = range-picker]
    {
        display: none !important;
        height : 0px;
        padding : 0px !important;
    }
}

But, this CSS not working, can someone please help.

Thanks,

[Tone]

Hi,

try the following CSS:

/*Zoom Range Picker*/
@supports (ptcs-style-unit: "PTCS-CHART-ZOOM") {
    [part=range-picker] {
  		 display: none !important;
    }
}

The zoom range of the chart is also adjustable in the properties:

[pshashipreetham · Accepted solution]

Hi @Tone ,

Thanks for the Response; for a use case, I want those properties to be enabled but not show on the Dashboard.

Thanks for the CSS it worked successfully:

/*Zoom Range Picker*/
@supports (ptcs-style-unit: "PTCS-CHART-ZOOM") {
    [part=range-picker] {
  		 display: none !important;
    }
}