I've tried to use the Rating component with the below code. But the icons aren't rendering.

import { Rating } from "@progress/kendo-react-inputs";

function RatingExample() {
  return <Rating />
}

export default RatingExample;

Taking a quick peak into the html shows a list of span - which makes sense.

<span dir="ltr" data-half="false" title="1" class="k-rating-item"><span class="k-icon k-i-star-outline-icon" role="presentation"></span></span>

The Icon is different from the one listed here. To check it I made a quick change:

<span class="k-icon k-i-star-outline" role="presentation"></span>

And it shows up.

It seems like there a small bug here, if I'm using the component wrong please advise.

Hi all,

Exists the possibility to setup a custom  columnmenu filter like DataGrid? (Dropdown or, better,  a GridColumnMenuCheckboxFilter)

Thanks

i wish to display my application health status .it will be boolean value...what is the right chart for this usecase

how to create. A heatmap with data that can be determined by  2 values like success failure and with different colors like red and green instead of light green and dark green

i do not need to show the boolean value inside cell.i just need labels on x and y axis which are also currently not display

Hai,

I am facing a problem with my generated PDF. When the data is longer in a cell <td></td>< some of the text cannot be seen,

Please refer attachment (my code format .jsx) and the problem output generated PDF as below screenshot

Is there something I need to do to prevent this problem?

TQ

Hey Kendo - Team,

is there an example somewhere of how I can customise the Clear Filter icon? Currently it escapes the user as the difference is not clear enough and I would like to highlight it more clearly in the form of the corporate identity colour so that a set filter is more recognisable.

I would like to assign a style to our GridColumn abstraction that is applied to the class of the active clear icon.

k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button k-clear-button-visible

Thank you in advance.

hi,

I was trying to replicate "data binding" example mentioned in heatmap page using makeobject function.

However i m getting error as.  " Cannot read properties of null reading toHSL' typescript cannot readt properties of nulltoHsl "

. The only change i made is instead of importing makedataobject as component i declared in the same component but that shouldn't cause this issue ideally.

  The first example mentioned works fine but data binding doesn't.

Version of kendo react charts 5.12.1

Can anyone please help

Hey,
currently when dialog is opened and browser focus is on URL bar and then user will press TAB to focus page, first focused element is first element on the page, not in dialog - you can check this behavior here (example from docs - https://www.telerik.com/kendo-react-ui/components/dialogs/examples/dialog/overview/func/?theme=default-ocean-blue&themeVersion=6.2.0)

Tested using Google Chrome 112.0.5615.49

1. Click on URL bar
2. Press tab until focus is on page
3. Button is getting focus even though the dialog is open

Can you confrim that this is a bug and it is not intended behavior?