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.
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 ​
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')]
}
}
}
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
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>);};
Hello
I'm having trouble using the Kendo mesh export feature
There is no selection status information in the "Selected" column of the exported file, which is always empty.
Is it possible to show selection status in exported files?
Regards,
Sunny
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 a project using KendoUI with NextJS 14 and using Turbo pack, I upgraded to 7.0.1 because it said "now with next support" but I am getting errors like this:
There are types at '/app/apps/myproject/node_modules/@progress/kendo-react-grid/index.d.ts',
but this result could not be resolved when respecting package.json "exports". The '@progress/kendo-react-grid' library
may need to update its package.json or typings.
Hi all:
I'm using the Grid - Column Menu Filter component, but when filtering a column, it's still the three dots icon. This makes it impossible to see which columns are filtered and which are not. This is not very friendly. Is it possible to change the three-dot icon to a funnel icon when filtering?
Looking forward to your reply
React Data Grid Component & Filtering - KendoReact Docs & Demos (telerik.com)