Hello,

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

Thanks.

import * as React from "react";
import * as ReactDOM from "react-dom";
import { Grid, GridColumn } from "@progress/kendo-react-grid";

import products from "./products.json";
export const KindoRactApp = () => {
  return (
    <Grid style={{ height: "400px" }} data={products}>
      <GridColumn field="ProductID" title="ID" width="40px" />
      <GridColumn field="ProductName" title="Name" width="250px" />
      <GridColumn field="Category.CategoryName" title="CategoryName" />
      <GridColumn field="UnitPrice" title="Price" />
      <GridColumn field="UnitsInStock" title="In stock" />
    </Grid>
  );
};

Hi

I'm using a line chart in my project, but I don't want to show or hide the corresponding line by clicking on the legend. I blocked the default click event, but the hand pointer still remains when the mouse is over the legend. Is there any way to solve this?

Looking forward to your reply, thank you.

Regards,
Sunny

Hi,

In our project, there are many groups and each one has many child items, so we want "click group name" have the same behavior to the "triangle expand/collapse button" on the left of group name, but now the whole dropdown collapsed when we click the group name, and or our project we just want the child items can be selected not the parent one(group name), is there anyway we can use to click group name to open/collapse the inner list without collapse the whole dropdown list?
Szkaan (forked) - StackBlitz

Regards,
Sunny Hu

I have weird problem, where I am able to npm run webpack without any errors in my local machine but it suddenly stopped working on our build server with below error 'Breadcrumbs'

npm run webpack failing with Attempted import error: 'Breadcrumb' is not exported from '@progress/kendo-react-layout' (imported as 'Breadcrumb').

Appreciate any help to resolve this.

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 there -

I'm trying to persist state of grid (dataState) through refreshes. This grid instance is processing data on the client-side.  I have another grid instance performs data operations on the backend, and the req URL has search params.

My current approach is using URLSearchParams, but both this and react-router location return empty objects. I'm including the code, but I'm currently just trying access the url params. 

const urlSearchParams = new URLSearchParams(window.location.search);
 const params = Object.fromEntries(urlSearchParams.entries());
 console.log(params) // logs {}


  const location = useLocation();
  console.log('location', location)

Finally - is this the best way to approach this? I'd rather not add any libraries/frameworks and it doesn't make sense for us to store this info on the backend. So far I'm trying web APIs like above + localstorage. We do have react-router, but so far I haven't solved this issue. 

Thank you!