Telerik Forums
KendoReact Forum
1 answer
127 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
136 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
204 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
69 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
165 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
205 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
127 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
135 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
193 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
531 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
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
Styling / Themes
DatePicker
Editor
TreeList
Styling
PDF Processing
ComboBox
Excel Export
Dialog
Input
TreeView
Upload
Drawer
Button
Drag and Drop
MultiSelect
Tooltip
Accessibility
NumericTextBox
Checkbox
Menu
Gantt
DateTimePicker
PDF Viewer
Popup
Window
AutoComplete
DateInput
Sortable
Data Query
Licensing
TabStrip
Drawing
Calendar
Pager 
Labels 
Localization
TimePicker
GridLayout
FontIcon
Animation
PanelBar
TaskBoard
PivotGrid
Card
DropDownButton
Conversational UI 
DateRangePicker
Splitter
Badge 
Security
Slider
Spreadsheet
ContextMenu
MultiViewCalendar
Stepper
MultiColumnComboBox
MultiSelectTree
TextBox
AppBar
File Saver
ListView
MaskedTextBox
RadioButton
Switch
TextArea
Toolbar
DropDownTree
TileLayout
Map
Avatar
Date Math
Gauge
RadioGroup
RangeSlider
Rating
Loader
ExpansionPanel
SvgIcon
Typography
ProgressBar
ScrollView
Popover
StockChart
RadialGauge
Server Components
AIPrompt
Page Templates / Building Blocks
AI Coding Assistant
Chat
ColorGradient
ColorPalette
ColorPicker
Notification
Ripple
Skeleton
ButtonGroup
Chip
ChipList
FloatingActionButton
SplitButton
ActionSheet
Barcode
QR Code
FlatColorPicker
Signature
BottomNavigation
BreadCrumb
StackLayout
Timeline
ListBox
ChunkProgressBar
Sparkline
FileManager
ArcGauge
CircularGauge
LinearGauge
ExternalDropZone
OrgChart
Sankey
VS Code Extension
InlineAIPrompt
SpeechToTextButton
Chart Wizard
Agentic UI Generator
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?