or
0 answers
133 views
How to extend timeout for the POST axios method used for saving the file using saveURL in kendo React UI upload
1 answer
137 views
Hi
I couldn't manage to add a custom filter cell (ex: Dropdown) to the example in the Local Data Operations page on Kendo React Components section which contains all the other table attributes together like paging, sorting and filtering as i need to use it like this.
How can i achive this?
Thanks in advance.
Filip
Telerik team
answered
on
18 May 2023
1 answer
131 views
I'm having this issue once again. See package.jons inline:
{
"name": "web-parts-collaboration",
"version": "0.0.1",
"private": true,
"engines": {
"node": ">=0.10.0"
},
"scripts": {
"build": "gulp bundle",
"clean": "gulp clean",
"test": "gulp test"
},
"dependencies": {
"@microsoft/sp-core-library": "1.7.1",
"@microsoft/sp-lodash-subset": "1.7.1",
"@microsoft/sp-office-ui-fabric-core": "1.7.1",
"@microsoft/sp-webpart-base": "1.7.1",
"@progress/kendo-data-query": "^1.5.2",
"@progress/kendo-react-buttons": "^4.0.0",
"@progress/kendo-react-dateinputs": "^4.0.0",
"@progress/kendo-react-dialogs": "^4.1.0",
"@progress/kendo-react-dropdowns": "^4.1.0",
"@progress/kendo-react-grid": "^4.1.0",
"@progress/kendo-react-inputs": "^4.0.0",
"@progress/kendo-react-intl": "^4.0.0",
"@progress/kendo-react-layout": "^3.3.0",
"@progress/kendo-theme-default": "^4.2.0",
"@types/es6-promise": "0.0.33",
"@types/react-dom": "16.8.0",
"@types/webpack-env": "1.13.1",
"moment": "^2.24.0",
"react": "^16.8.2",
"react-dom": "^16.8.0",
"typescript": "^2.4.1"
},
"resolutions": {
"@types/react": "16.8.2"
},
"devDependencies": {
"@microsoft/sp-build-web": "^1.7.1",
"@microsoft/sp-module-interfaces": "1.7.1",
"@microsoft/sp-tslint-rules": "1.7.1",
"@microsoft/sp-webpart-workbench": "^1.7.1",
"@types/chai": "3.4.34",
"@types/mocha": "2.2.38",
"ajv": "~5.2.2",
"gulp": "~3.9.1"
}
}
And here's the errors I'm receiving:
[11:01:07] Error - [tsc] node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,252): error TS1005: ',' expected. [11:01:07] Error - [tsc] node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,268): error TS1005: '=' expected. [11:01:07] Error - [tsc] node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,278): error TS1005: ',' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,284): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,286): error TS1005: '>' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,295): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,303): error TS1005: '>' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,311): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,339): error TS1109: Expression expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dateinputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,293): error TS1005: ',' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dateinputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,309): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dateinputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,319): error TS1005: ',' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dateinputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,325): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dateinputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,327): error TS1005: '>' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dateinputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,336): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dateinputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,344): error TS1005: '>' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dateinputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,352): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dateinputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,391): error TS1109: Expression expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dialogs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,293): error TS1005: ',' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dialogs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,309): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dialogs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,319): error TS1005: ',' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dialogs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,325): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dialogs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,327): error TS1005: '>' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dialogs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,336): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dialogs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,344): error TS1005: '>' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dialogs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,352): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-dialogs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,391): error TS1109: Expression expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-grid/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,293): error TS1005: ',' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-grid/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,309): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-grid/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,319): error TS1005: ',' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-grid/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,325): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-grid/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,327): error TS1005: '>' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-grid/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,336): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-grid/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,344): error TS1005: '>' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-grid/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,352): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-grid/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,391): error TS1109: Expression expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-inputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,293): error TS1005: ',' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-inputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,309): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-inputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,319): error TS1005: ',' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-inputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,325): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-inputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,327): error TS1005: '>' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-inputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,336): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-inputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,344): error TS1005: '>' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-inputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,352): error TS1005: '=' expected. [11:01:08] Error - [tsc] node_modules/@progress/kendo-react-inputs/node_modules/@progress/kendo-react-common/dist/npm/events/dispatchEvent.d.ts(15,391): error TS1109: Expression expected. [11:01:08] Error - 'tsc' sub task errored after 6.04 s exited with code 2
Here is the contents of one of the dispatchEvents.d.ts files:
/// <reference types="react" />
import { BaseEvent } from './BaseEvent';
/**
* @hidden
* Dispatches a new event bsed on an event that was already internally dispatched to KendoReact users.
*
* @param eventHandler - The public event handler that is assigned by the user.
* When undefined, the method is not an option.
* @param dispatchedEvent - The event that was already dispatched internally.
* @param target - The target component of the new event.
* @param eventData - The additional data that will be passed through the new event.
* When the new event has no additional data
* other than the `BaseEvent` arguments, pass `undefined`.
*/
export default function dispatchEvent<E extends BaseEvent<React.Component>>(eventHandler: ((event: E) => void) | undefined, dispatchedEvent: React.SyntheticEvent<any>, target: E['target'], eventData: Exclude<keyof E, keyof BaseEvent<React.Component>> extends never ? undefined : Pick<E, Exclude<keyof E, keyof BaseEvent<React.Component>>>): void;
//export declare function dispatchEvent<E extends BaseEvent<React.Component | FCHandle>, FCHandle = object>(eventHandler: ((event: E) => void) | undefined, dispatchedEvent: React.SyntheticEvent<any>, target: E['target'], eventData: Exclude<keyof E, keyof BaseEvent<React.Component | FCHandle>> extends never ? undefined : Pick<E, Exclude<keyof E, keyof BaseEvent<React.Component | FCHandle>>>): void;
I tried both "export" lines to no avail. Please advise as to what you think may be the issue. Thank you
Vessy
Telerik team
answered
on
18 May 2023
1 answer
211 views
Hi Team,
My goal is to add a popover whenever a user hover on a scheduler item. I was using kendo tooltip until now but now the requirement is to use html tags in the tooltip content plus the content can be large sometimes so obviously I cant put it over title of a parent div to get the content for the tooltip.
I have added a popover after <Scheduler> component and the content of this popover is coming from the <SchedulerItem> children prop. Im creating the content for the popover inside <SchedulerItem> and on onmouseenter Im setting the content of popover in the local state and then that local state is remdered inside the popover . Things are working as expected but the popover is not opening as tooltip, the position of the popover is random. I tried to use the currentTarget’s boundries to calculate the offset from left and top but still unable to make the position look like kendo tooltip. I am new to ref thing so it would be really helpful you can provide the code for class based components.
Note: Im calling the <SchedulerItem> as a function not as a seperate class. A functiom in the same class is returning <SchedulerItem>.
Filip
Telerik team
answered
on
18 May 2023
1 answer
143 views
Hi support team,
I am working Scheduler Kendo React. I am using custom form to insert/update data. I want to use recurrent event feature in my custom form. Current document only write about how to show occurrence event not about insert/update. Could you please guide me how I can add these components to my custom form and how to insert/update recurrent event for both mode(current occurrence / series) ?
Wissam
Telerik team
answered
on
18 May 2023
1 answer
178 views
Hi, im a new to this filed, kindly bare my knowledge.
At my work, I am drawing the line chart with x-axis as a date.
But I would like to skip the labels that i do not have.
Is there a way? If so, would you kindly share the docs or samples that can help me?
<Current - there is a range of date between two peaks in x axis>
<What I want - created by Excel with random number where there is no range of date between two peaks in x axis. only have x-axis that i have in my data>
Vessy
Telerik team
updated answer
on
18 May 2023
1 answer
164 views
I'm currently working with kendo react pivot grid local data binding, now I'm facing a trouble when i try to multiple measures with same aggregation on different axis.
i tried something like this, but getting value of Y and UNITLY combined (eg: LYUnit = 5, then Y showing 10 and UNITLY showing 10 instead of Y showing 5 and UNITLY showing 5). i want to make each of them have different sum aggregation. Anybody got an idea?
Filip
Telerik team
answered
on
17 May 2023
1 answer
142 views
Hi,
I would like to have 24h time format in Scheduler's AgendaView. Is there any way to achieve this?
Thank you
Radek
Filip
Telerik team
answered
on
16 May 2023
1 answer
203 views
hi,
i am working on server side pagination and grouping, i am using the example below in giver url,
https://www.telerik.com/kendo-react-ui/components/dataquery/mvc-integration/
when i implement this example in my code its working fine with pagination, filtering and sorting, but when i am try to group data
my UI showing nothing. can you please give an example with server side grouping and pagination?
Konstantin Dikov
Telerik team
answered
on
15 May 2023
1 answer
1.1K+ views
This problem seems to affect new version of Chromium browsers. As of this writting, the bug can be replicated on these browsers:
-GoogleChrome 113.0.5672.93
-Microsoft Edge 113.0.1774.42
-Brave Browser 1.51.114
The problem doesnt appear on Firefox or older verions of Chromium browsers (tested on v103.0.5046.0)
Replication Steps
1) Click on the Calendar icon of the DatePicker
2) Click on a Month on the left Column (IMPORTANT: Don't scroll using the mouse wheel)
3) Pick a Day on the Month that was picked in step 2. For example, I pick Feb 10th, the date is set to June 10th for some weird reason.
The problem only happesn if one picks the available list of Months on step 2 without scrolling using the mouse wheel.
For some reason, this bug cannot be replicable on StackBlitz (I wonder if their background code prevents some kind of Racing Conditon). But I have attempted a brand new project on a different machine with just he date picker and it is replcated on the new Chromium based browsers mentioned above.
import React from "react";
import "./App.scss";
import { DatePicker } from "@progress/kendo-react-dateinputs";
function App() {
const [date1, setDate1] = React.useState<Date | null>(() => new Date());
return (
<div>
<DatePicker
id={"kendo-date-sample"}
value={date1}
onChange={(e) => {
const newDate = e.value;
console.log(newDate);
setDate1(() => newDate);
}}
/>
</div>
);
}
export default App;
Vessy
Telerik team
answered
on
15 May 2023
