Unplanned
Last Updated: 07 Jun 2021 04:51 by ADMIN
Matteo
Created on: 04 Jun 2021 10:15
Type: Feature Request
0
Customize border-radius tooltip for a single donut chart

Dear Support Team,

 I have numbers of kendo charts in my app, but I need to modify the boder-radius for the tooltip of my donut chart.

I've checked, with the browser, the existence of a couple of CSS classes I can work on, but they are generic and they work for all the charts in the app:

.k-sparkline-tooltip-wrapper>.k-popup, .k-chart-tooltip-wrapper>.k-popup (classes for the ChartTooltip component: for this I can ad an ID)

Inside this component the Kendo library creates a new component, which I can't configure any IDs on and owns the css class k-chart-tooltip k-chart-tooltip-inverse needed to override the border-radius property.

Is there a workaround or any other configuration to set the border radius for a tooltip of a single chart, without modify all other charts in my app?

Thank you

Kind regards

 

3 comments
ADMIN
Stefan
Posted on: 07 Jun 2021 04:51

Hello, Matteo,

I have converted this to an official feature request.

We will monitor its popularity and plan it accordingly.

As the author of the request, you will automatically receive notifications once it is planned and ready.

Regards,
Stefan
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Matteo
Posted on: 04 Jun 2021 14:17

Hello Stefan, it would be awesome if you can open this feature request.

Thank you for the support.

Kind regards

ADMIN
Stefan
Posted on: 04 Jun 2021 13:32

Hello, Matteo,

Currently, only these properties of the tooltip border can be customized on a per Chart level:

https://www.telerik.com/kendo-react-ui/components/charts/api/Border/

If you wish I can transfer this to a feature request to add the border radius to it or to add an option to add custom className to the whole tooltip that will allow making a specific CSS rule that affects only that Chart.

Regards,
Stefan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.