Telerik Forums
KendoReact Forum
1 answer
104 views

I'm using the funnel chart type and need to allow users to click on the legend to show / hide data points within the chart.  This works fine if I do not handle the onLegendItemClick event as the chart takes care of this functionality itself.

The issue is I need to pass which of the data points are visible to a related chart.  When I handle the event the built in functionality is lost, does anyone know how I can replicate this in code so I can pass the selections to another component?

 

TIA

Filip
Telerik team
 answered on 03 Jun 2024
1 answer
117 views
Hello, could you please help me find a way to keep the grid rows collapsed by default when a page loads ? I have been trying for 2 days to find a way a to do it and I still cannot. 
Konstantin Dikov
Telerik team
 answered on 29 May 2024
1 answer
184 views
When reordering the grid columns, Is there a way to prevent dropping of any grid column on a locked grid column header cell. Also, Is there a way to change the visual indicator while drag and drop on the locked columns to show prohibited symbol instead of plus symbol?
Plamen
Telerik team
 answered on 28 May 2024
1 answer
60 views

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..!

Filip
Telerik team
 answered on 27 May 2024
0 answers
143 views

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?

Anusha
Top achievements
Rank 1
 updated question on 25 May 2024
1 answer
185 views

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!

Filip
Telerik team
 answered on 21 May 2024
0 answers
113 views

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 

Tejas
Top achievements
Rank 2
Iron
Iron
Iron
 asked on 21 May 2024
1 answer
113 views

Hello,

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

Thanks.

Konstantin Dikov
Telerik team
 answered on 20 May 2024
1 answer
177 views

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?

Konstantin Dikov
Telerik team
 answered on 16 May 2024
5 answers
517 views

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

Antonio
Top achievements
Rank 1
Iron
 answered on 16 May 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?