Hello there. We have a grid using the process method to filter rows. We're currently using version 5.16.1, Typescript and wanted know if there was a way to dynamically hide (or show) the column menu filter icons in the header using an external button's onClick function?
In our project, we have columns that are using a custom header cell so filtering is not available on those specific columns. However, we just want to be able to click a button outside of the grid that can toggle the filter icons to show which columns are available to filter at the same time.
Would that be possible?
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?
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?
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?
Regards,
Sunny
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?
Regards,
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)
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
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')]
}
}
}