Skip to main content
pshashipreetham
18-Opal
pshashipreetham18-Opal
18-Opal
January 4, 2023
Solved

Scrollbar in Legend (Line Chart)

  • January 4, 2023
  • 2 replies
  • 2071 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,

2 replies

S
17-Peridot
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
18-Opal
pshashipreetham18-OpalAuthor
18-Opal
January 5, 2023

Hi @Sathishkumar_C ,

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

Thanks

S
17-Peridot
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
    18-Opal
    pshashipreetham18-OpalAuthorAnswer
    18-Opal
    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,

    Terms & ConditionsAccessibility statement