Telerik Forums
KendoReact Forum
1 answer
2 views

I am trying to use the GridPDFExport component to save a grid that contains a custom cell. The custom cell uses a redux selector and needs to access the global state. When i try to save the grid I get the following errors logged. If I remove the cell in question it works normally. How do I approach this issue?

Konstantin Dikov
Telerik team
 answered on 08 Apr 2024
1 answer
11 views

I am trying to save a grid with GridPDFExport. I am getting a lot of errors because a custom cell contains a redux selector and needs to access global state. If I remove the cell I can download the file. How can I fix this?  

 

Konstantin Dikov
Telerik team
 answered on 08 Apr 2024
1 answer
12 views

Hi All,

I used a Numeric filter and found that I can only input up to three decimal places. If I want to enter four decimal places, need to use Custom Filter Cells.

However, I found that when using it, if the user is allowed to input to four decimal places, format="n4" must be set.
After setting, the input integer digits will be automatically filled with 0, and even if I clear the NumericTextBox, 0.0000 will still be displayed.

There is no good implementation of data filtering, do you have any suggestions?

 

Nkpwnb (forked) - StackBlitz

 

Regards,
Sunny

Konstantin Dikov
Telerik team
 answered on 28 Mar 2024
1 answer
11 views

Hi All

I use Master-Detail Grids, and details grid have columns filter, when I scroll master grid, the filterOperators of detail will exceed components.

Any suggestions on how to fix this issue?

 

P4acyg (forked) - StackBlitz

 

Regards,
Sunny
Wissam
Telerik team
 answered on 28 Mar 2024
2 answers
10 views

Hi,

First of all, I was able to do 'yarn start' to run the app locally, but when it produced error below when performing 'yarn build'

Lexical error on line 1: Unrecognized text.
  Erroneous area:
1: 100%/var(--kendo-scrollview-views, 1);
^.......................................^
2: }
3:
CompileError: Begins at CSS selector undefined


error Command failed with exit code 1.

I have tried:

1/ Deleted node_modules folder and performed a 'yarn install'

2/ 'yarn upgrade' specific package @progress/kendo-theme-default

 

I did not have the issue before, however, I believe it started to occur after I performed a 'yarn install' (before/without deleting node_modules folder in the first place)

 

Vessy
Telerik team
 answered on 27 Mar 2024
2 answers
543 views

I'm using the Kendo React Grid (v 1.0.1). I wanted to show a load indicator manually on certain occasions, but couldn't find out how to do this.

Is there a way to programmatically turn it on/off?

CU, Joe

Srinivas
Top achievements
Rank 1
Iron
 answered on 23 Mar 2024
1 answer
24 views

Hi, I was just wondering if there is some type check in KendoUI that I could use to check translation files so that nothing is missed in translations?

I've tried to search forums and documentation site and I did not found any examples of that. If there is no support for this at the moment, maybe it should be added, since I am sure that many dev teams struggle with keeping the huge number of translations up to date.

Vessy
Telerik team
 answered on 26 Feb 2024
1 answer
17 views
Hello.

We have used jQuery Kendo UI for many years. And we have many templates in Kendo UI for jQuery Templates.

Now we use more React. We have a problem with a lot of jQuery templates. Isn't there some utility, functionality in React Kendo UI that can process the given jquery template? Or some npm package that would be able to process the given template in the React environment?

Well thank you.
Konstantin Dikov
Telerik team
 answered on 23 Feb 2024
1 answer
29 views

Overview

Some components have a ::before pseudoclass with the content property set to the CSS code \200B , which is a zero-width space. However, in our project, this is coming out as ​ in the DOM.

For example, with the <Dialog /> component:

1. We render the dialog within a componet, giving it a title which comes from props

const MyComponent = (props) => {
    return (
        <Dialog title={props.title} onClose={props.onClose}>
            . . .
        </Dialog>
    )
}

2. Locally (running in our development environment) we can see the CSS come out as expected

3. After building and deploying to an environment, the "" gets replaced with ​

Additional Information

After building the project locally, our CSS (build/static/css/main,xyz.css) does not include these symbols:

We are using Craco to build our project:

// craco.config.js

module.exports = {
  style: {
    postcss: {
      plugins: [require('autoprefixer')]
    }
  }
}
Konstantin Dikov
Telerik team
 answered on 22 Feb 2024
1 answer
39 views

I wanted to add data grid in my existing project. where all the dependencies are installed with yarn
so I installed the kendo-react-grid dependency with yarn and i am getting the error.

here is the code. 

 

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>  );};

 

 

this is the error 

image

Vessy
Telerik team
 answered on 05 Feb 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?