Hello All,

I am using treelist component of kendo react, in that treelist i wnated to allow resizing only for some specific columns but not for all the columns is this possible ?

Thanks in Advance..!

I have a grid with columnmenu set to "GridColumnMenuCheckboxFilter". I need to change the CSS of the filter icon based on the open/expanded state of the filter menu. 

I found examples of changing the CSS of the filter icon based on the active state of the filter. But here my requirement is to solely consider the open and close state of the filter menu,

What do I have to do?

Update 1: I tried using onExpandChange prop on GridColumnMenuCheckboxFilter. But it doesn't get triggered when expanded property is set.

My filter looks similar to the below screenshot

Update 2: onExpandChange gets triggered only when expanded property is not set to true and filter column menu is clicked which opens the filter box(2 clicks needed). I need the expanded property to be true. Is there any way to get hold of the expand/collapse state of the filter?

Greetings,

Is there a way to update the content of the "Edit Recurring Item" dialog and disable/remove the "Edit current occurrence" option from Scheduler?

Please see the attached screenshot, thanks!

https://stackblitz.com/run/?file=app%2Fmain.jsx 

I am using this type of code with a donut chart, but I want to change the animation effect. Please suggest how to change the animation effect in this donut chart and I have one more question: how can I modify this donut chart in this type of img 

Hello,

Whenever I run my project a ton of CSS is being printed. How can I stop this?

Thanks.

Hm... I have server-side processing triggered at the saveUrl endpoint of the Upload component endpoint. 

How do I explicitly set a timeout for the response?

I've implemented a basic line chart with nothing out of the ordinary but on the first initial load of the chart I get this warning.

Warning: Failed prop type: ChartSeries children should be Array of type ChartSeriesItem.
    in ChartSeries (created by LineChart)

import React from 'react';
import {
  Chart, ChartTitle, ChartSeries, ChartSeriesItem, ChartCategoryAxis, ChartCategoryAxisItem, ChartLegend,
} from '@progress/kendo-react-charts';
const LineChart = (props) => {
  const { allocations, mandates } = props;
  const categories = (data) => {
    const array = [];
    data.forEach((x) => {
      array.push(x.mandate);
    });
    return array;
  };
  const asdc = (data) => {
    const array = [];
    data.forEach((x) => {
      array.push(x.asdc);
    });
    return array;
  };
  return (
    <div className="line-chart">
      <Chart>
        <ChartTitle
          text="Active Spread Duration Contribution"
        />
        <ChartLegend
          position="bottom"
          orientation="horizontal"
        />
        <ChartSeries>
          <ChartSeriesItem
            type="line"
            name="New ASDC"
            data={asdc(allocations)}
            markers={{ visible: false }}
            tooltip={{ visible: true }}
          />
          <ChartSeriesItem
            type="line"
            name="Old ASDC"
            data={asdc(mandates)}
            markers={{ visible: false }}
            tooltip={{ visible: true }}
          />
        </ChartSeries>
        <ChartCategoryAxis>
          <ChartCategoryAxisItem categories={categories(allocations)} />
        </ChartCategoryAxis>
      </Chart>
    </div>
  );
};

asdc is just to create the array of data that I want. The whole chart shows up fine and works but I would like to fix this error if possible.

Thanks

Hi,

Is it possible to configure Kendo React Grid to show the column menu like Kendo JQuery's classic look where the submenu is on left/right hand side?

https://demos.telerik.com/kendo-ui/grid/column-menu?_gl=1*x0zspa*_ga*OTMyNDUxNTM0LjE3MTA1NTIzMTg.*_ga_9JSNBCSF54*MTcxNTcxMzA5Ni4yNS4xLjE3MTU3MTM1MjMuNjAuMC4w*_gcl_au*Njk5MTQ3NTc2LjE3MTA1NTIzMTg.&_ga=2.15420211.444171052.1715713097-932451534.1710552318

Also see the attached screenshot.

Thanks,

Jie