Skip to main content
pshashipreetham
pshashipreethamAnswer
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
View in thread

4 replies

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.

Translate
pshashipreetham
pshashipreetham19-TanzaniteAuthor
19-Tanzanite
January 5, 2023

Hi @Sathishkumar_C ,

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

Thanks

Translate
Shashi Preetham || +91 8099838801 || shashi@psptechhub.com
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. 

Translate
    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,

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