Hi there,
Referring to the Task Board documentation from Custom Rendering - KendoReact (telerik.com) and TaskBoardTaskEditPaneProps - React TaskBoard Component - KendoReact API (telerik.com)
How can I add additional input fields (eg: assignee) to the Task Board Task Edit Pane. Currently on 3 input were allowed (title, description, priority).
I have implemented a grid using OData Server Operations, very similar to this example:
https://www.telerik.com/kendo-react-ui/components/grid/data-operations/odata-server-operations/
But now I can't highlight the selected row. Using the process function does not allow for server side paging, filtering or sorting.
I can't use `getSelectedState` as my version of the grid has no exported member.
Is there any other way I can highlight the selected row?
Hi,
I wanted to try kendo for out new project, but bumped into an error on the very first step.
Run this :
npx create-kendoreact-app
got this error on mac:
Initialized a git repository.
Installing template dependencies using npm...
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: ***********.0.1.0
npm ERR! Found: @progress/kendo-svg-icons@1.9.0
npm ERR! node_modules/@progress/kendo-svg-icons
npm ERR! @progress/kendo-svg-icons@"^1.1.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @progress/kendo-svg-icons@"^2.0.0" from @progress/kendo-react-buttons@5.19.0
npm ERR! node_modules/@progress/kendo-react-buttons
npm ERR! @progress/kendo-react-buttons@"^5.0.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
Am I missing something?
const pageChange = (event) => {
const targetEvent = event.syntheticEvent;
const take =
targetEvent.value === "All" ? products.length : event.page.take;
if (targetEvent.value) {
setPageSizeValue(targetEvent.value);
}
setPage({
...event.page,
take,
});
};
Hi,
how to implement tri-state checkboxes in tree list. which should be fully checked, or fully unchecked or partially checked.
Thanks.
Hi. I faced a problem with rendering footerCell . It worked for me in version 3.18.0 but after update it doesn't work in versions 5.16.0 - 5.18.0.
Also I found out that it doesn't work in any your DataGrid examples if I addngi footerCell functionality.
FooterCell looks like :
footerCell={props => (<td className='k-table-td' colSpan={props.colSpan} style={props.style} role={'gridcell'}>Total: </td>)}
or
footerCell={() => <td>Total:</td>}
In my solution and in all your examples it crashes DataGrid rendering.
I attached screenshot from my solution, but the same bihavior if I adding this lines of code in any your example of DataGrid demo site.
Is it bug, or what am I doing wrong?
Hello Telerik team,
Hey, I am trying to apply styles on the exported PDFs but not globally to all tags.
Suppose I have some `p` elements that should have styles A and some other that should have styles B.
The following will not work.
.k-pdf-export .class-a p {
}
.k-pdf-export .class-b p {
}
The selectors will not work. Relevant example:
https://stackblitz.com/edit/react-zhmi5y?file=app%2Fstyles.css
So my questions are:
1. Are the other classes removed?
2. How can I achieve what I need?
3. If this is not supported as of now are there any plans to consider supporting it?
Thanks!
I have a stacked bar chart that I want to use to emulate changes in activity. Say the chart spans 30 minutes. I want the stacks to show when each category changed activity and for how long. For example, Zone 4 Cell 10 might be active for 5 minutes, inactive for 10 minutes and then active again for 15 minutes. Zone 4 Cell 20 might have a very different activity timeline. All activities are known (eg "active", shown below as green). An example is shown below.
Is there a way to achieve this with the basic stack chart library available in Kendo React? If so, how should the data be structured to be able to achieve this?