Skip to main content
pshashipreetham
pshashipreetham19-Tanzanite
19-Tanzanite
January 4, 2023
Solved

Scrollbar in Legend (Line Chart)

  • January 4, 2023
  • 4 replies
  • 2094 views

Hello,

I have a line chart, but when Mashup is loaded in Runtime, I see a Scroll bar in the legend. Can this be hidden?

Shashi_Preetham_0-1672847922344.png

Thingworx version: 9.3.4

 

Thanks,

Best answer by pshashipreetham

So,

Thanks, to  @Rajkumar_20673, after a couple of tries following CSS worked:

/* ------------------------------ Legend width---------------------------*/
ptcs-chart-line::part(legend) {
width: 110px !important;
padding: 2px !important;
margin: 0px !important;
}

 
Thanks,

4 replies

S
Sathishkumar_C17-Peridot
17-Peridot
January 4, 2023

Not sure about hiding the scroll bar. But try to add custom CSS to modify the scroll bar size and color.

pshashipreetham
pshashipreetham19-TanzaniteAuthor
19-Tanzanite
January 5, 2023

Hi @Sathishkumar_C ,

I tried it, but that will not affect Legend's Scroll bar.

Thanks

Shashi Preetham || +91 8099838801 || shashi@psptechhub.com
S
Sathishkumar_C17-Peridot
17-Peridot
January 6, 2023

Tried in Thingworx 9.3.4, custom CSS not working on Legend's Scroll bar.

It's seems, Thingworx 9.x widgets are designed with web components. Scroll bar CSS is not working on web components widgets. 

    pshashipreetham
    pshashipreetham19-TanzaniteAuthorAnswer
    19-Tanzanite
    January 6, 2023

    So,

    Thanks, to  @Rajkumar_20673, after a couple of tries following CSS worked:

    /* ------------------------------ Legend width---------------------------*/
ptcs-chart-line::part(legend) {
width: 110px !important;
padding: 2px !important;
margin: 0px !important;
}

     
    Thanks,

    Shashi Preetham || +91 8099838801 || shashi@psptechhub.com
    Terms & ConditionsAccessibility statement