<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: Hide Line Chart Zoom Range in ThingWorx Developers</title>
    <link>https://www.ptcusercommunity.com/t5/ThingWorx-Developers/Hide-Line-Chart-Zoom-Range/m-p/953006#M66749</link>
    <description>&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;try the following CSS:&lt;/P&gt;&lt;LI-CODE lang="css"&gt;/*Zoom Range Picker*/
@supports (ptcs-style-unit: "PTCS-CHART-ZOOM") {
    [part=range-picker] {
  		 display: none !important;
    }
}&lt;/LI-CODE&gt;&lt;P&gt;The zoom range of the chart is also adjustable in the properties:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screenshot 2024-05-29 at 16.11.15.png" style="width: 400px;"&gt;&lt;img src="https://www.ptcusercommunity.com/t5/image/serverpage/image-id/105352i3F3DC50B84DC923B/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Screenshot 2024-05-29 at 16.11.15.png" alt="Screenshot 2024-05-29 at 16.11.15.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Wed, 29 May 2024 14:21:35 GMT</pubDate>
    <dc:creator>Tone</dc:creator>
    <dc:date>2024-05-29T14:21:35Z</dc:date>
    <item>
      <title>Hide Line Chart Zoom Range</title>
      <link>https://www.ptcusercommunity.com/t5/ThingWorx-Developers/Hide-Line-Chart-Zoom-Range/m-p/952831#M66732</link>
      <description>&lt;P&gt;Hi,&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;I am trying to hide the Line Chart Zoom Range:&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="pshashipreetham_0-1716962957575.png" style="width: 400px;"&gt;&lt;img src="https://www.ptcusercommunity.com/t5/image/serverpage/image-id/105276iF760B160D78E0014/image-size/medium?v=v2&amp;amp;px=400" role="button" title="pshashipreetham_0-1716962957575.png" alt="pshashipreetham_0-1716962957575.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;I have followed the following CSS from the Article:&lt;/P&gt;
&lt;P&gt;&lt;A href="https://www.ptc.com/en/support/article/cs377455" target="_blank" rel="noopener"&gt;Article - CS377455 - Applying Custom CSS Styling to Web Component Widgets in ThingWorx Platform 9.3.4+ (ptc.com)&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;CSS:&lt;/STRONG&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;LI-CODE lang="css"&gt;@supports (ptcs-style-unit: "PTCS-CHART-ZOOM-RANGE") 
{
    [part = range-picker]
    {
        display: none !important;
        height : 0px;
        padding : 0px !important;
    }
}&lt;/LI-CODE&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;BR /&gt;But, this CSS not working, can someone please help.&lt;BR /&gt;&lt;BR /&gt;&lt;/P&gt;
&lt;P&gt;Thanks,&lt;/P&gt;</description>
      <pubDate>Wed, 29 May 2024 06:21:41 GMT</pubDate>
      <guid>https://www.ptcusercommunity.com/t5/ThingWorx-Developers/Hide-Line-Chart-Zoom-Range/m-p/952831#M66732</guid>
      <dc:creator>pshashipreetham</dc:creator>
      <dc:date>2024-05-29T06:21:41Z</dc:date>
    </item>
    <item>
      <title>Re: Hide Line Chart Zoom Range</title>
      <link>https://www.ptcusercommunity.com/t5/ThingWorx-Developers/Hide-Line-Chart-Zoom-Range/m-p/953006#M66749</link>
      <description>&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;try the following CSS:&lt;/P&gt;&lt;LI-CODE lang="css"&gt;/*Zoom Range Picker*/
@supports (ptcs-style-unit: "PTCS-CHART-ZOOM") {
    [part=range-picker] {
  		 display: none !important;
    }
}&lt;/LI-CODE&gt;&lt;P&gt;The zoom range of the chart is also adjustable in the properties:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screenshot 2024-05-29 at 16.11.15.png" style="width: 400px;"&gt;&lt;img src="https://www.ptcusercommunity.com/t5/image/serverpage/image-id/105352i3F3DC50B84DC923B/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Screenshot 2024-05-29 at 16.11.15.png" alt="Screenshot 2024-05-29 at 16.11.15.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 29 May 2024 14:21:35 GMT</pubDate>
      <guid>https://www.ptcusercommunity.com/t5/ThingWorx-Developers/Hide-Line-Chart-Zoom-Range/m-p/953006#M66749</guid>
      <dc:creator>Tone</dc:creator>
      <dc:date>2024-05-29T14:21:35Z</dc:date>
    </item>
    <item>
      <title>Re: Hide Line Chart Zoom Range</title>
      <link>https://www.ptcusercommunity.com/t5/ThingWorx-Developers/Hide-Line-Chart-Zoom-Range/m-p/953196#M66760</link>
      <description>&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://www.ptcusercommunity.com/t5/user/viewprofilepage/user-id/336491"&gt;@Tone&lt;/a&gt;&amp;nbsp;,&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Thanks for the Response; for a use case, I want those properties to be enabled but not show on the Dashboard.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Thanks for the CSS it worked successfully:&lt;/P&gt;
&lt;LI-CODE lang="css"&gt;/*Zoom Range Picker*/
@supports (ptcs-style-unit: "PTCS-CHART-ZOOM") {
    [part=range-picker] {
  		 display: none !important;
    }
}&lt;/LI-CODE&gt;</description>
      <pubDate>Thu, 30 May 2024 09:11:36 GMT</pubDate>
      <guid>https://www.ptcusercommunity.com/t5/ThingWorx-Developers/Hide-Line-Chart-Zoom-Range/m-p/953196#M66760</guid>
      <dc:creator>pshashipreetham</dc:creator>
      <dc:date>2024-05-30T09:11:36Z</dc:date>
    </item>
  </channel>
</rss>

