cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Need to share some code when posting a question or reply? Make sure to use the "Insert code sample" menu option. Learn more! X

Scrollbar in Legend (Line Chart)

pshashipreetham
17-Peridot

Scrollbar in Legend (Line Chart)

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,

Shashi Preetham
1 ACCEPTED SOLUTION

Accepted Solutions

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

View solution in original post

4 REPLIES 4

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

Hi @Sathishkumar_C ,

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

Thanks

Shashi Preetham

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. 

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
Top Tags