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

Community Tip - Did you get an answer that solved your problem? Please mark it as an Accepted Solution so others with the same problem can find the answer easily. 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,
Email: psp316r@outlook.com,
Mobile: +91 8099838001.
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,
Email: psp316r@outlook.com,
Mobile: +91 8099838001.

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,
Email: psp316r@outlook.com,
Mobile: +91 8099838001.

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,
Email: psp316r@outlook.com,
Mobile: +91 8099838001.
Announcements


Top Tags