Questions on KendoReact Forum

5 answers

786 views

Hi,

I was wondering if there is a way to insert an image inside of a cell on a spreadsheet, I see there is a way to have an image float attached to a cell but I would prefer to have the image itself inside this cell. If this is not viable the floating image will suffice.

What I am trying to achieve is onClick of a cell it mocks your insert image modal but I have not been able to find the source code of insert image other than the widget doc which doesn't tell me what the functions are doing rather just the arguments. The way I have the onClick working is with a cellEditor which creates the popup but even when passing a input type='file' uploader and passing this data to the cell I can't figure out how to actually show the image that its passing.

General Discussions

answered on 06 Feb 2020

4 answers

125 views

Upload SaveUrl via a "Browse to Directory" Button

I want to allow a user the ability to select the directory where they want to save an uploaded file. This is probably very easy but, here is a basic explanation of the user interaction. And the visual aid.

User selects directory for upload, user selects file to upload to said directory.

General Discussions

answered on 04 Feb 2020

1 answer

112 views

Consume XML web service with KendoReact Grid?

Anyone know how I could consume an XML web service using a KendoReact Grid?

General Discussions

answered on 03 Feb 2020

1 answer

2.5K+ views

Checkbox not working with React Hooks

I'm having an issue getting the Checkbox component to work properly with react hooks. I'm not finding many examples online on how to do so. My understanding is the the Checkbox Component should work identically to the HTML input[type=checkbox] element, but doesn't seem to be the case.

In the code below the first Kendo Checkbox will allow you to check it, but not uncheck it, while the 2nd HTML input[type=checkbox] element works as expected.

import React from 'react';

import ReactDOM from 'react-dom';

import React, {useState, useEffect} from "react";

import { Checkbox} from "@progress/kendo-react-inputs";

function App(props) {

const [checked, setChecked] = useState(false);

return (

<div>

<Checkbox

label="Checkbox"

checked={checked}

onChange={e =>

setChecked(!checked)

}

/>

<input

type="checkbox"

checked={checked}

onChange={e =>

setChecked(!checked)

}

/>

</div>

);

}

ReactDOM.render(

<App />,

document.querySelector('my-app')

);

I'm sure I'm missing something very simple, but can't identify it.

General Discussions

answered on 31 Jan 2020

1 answer

469 views

Scheduler : how to set row height + workhours

Hi,

I have a scheduler within a dialog. The DayView is defined like this :

<DayView

slotDuration={60}

slotDivisions={2}

startTime={"08:00"}

endTime={"20:00"}

workDayStart={"08:00"}

workDayEnd={"20:00"}

/>

1) The height of each row is too important. How can I reduce the height to avoid scroll (see attached file) ?

2) The endTime/workDayEnd doesn't work (the day ends at 17:00). I see the same behaviour in your documentation :

https://www.telerik.com/kendo-react-ui/components/scheduler/views/day/

Regards,

Joffrey

General Discussions

answered on 30 Jan 2020

1 answer

57 views

Kendo grid inline add in between datas

Hiii....... i have a kendo grid which includes an inline add option in each row. what i need is when i click on the add cell on a specific row the inline row should come under the row which we clicked.

I'm attaching an image for more understandability.

Wrappers for React

answered on 29 Jan 2020

3 answers

64 views

combo box from api doesn't work

hi guys,

when i try to bind combo box from web api it doesn't work in right way although the data comes properly and it works fine with static data :

what is the prolem

General Discussions

answered on 27 Jan 2020

3 answers

1.9K+ views

Kendo React Grid Custom Filter based on a reference data

Hi, I have a grid which displays the state names in a column. I want to have a filter on that column that will filter based on the state code. The state code comes from a reference data. Please advice.

Below is my stackblitz link:

https://stackblitz.com/edit/react-byhjeb-oe3mkm

If I type in "md", maryland and states which startswith 'md' should be filtered.

General Discussions

answered on 24 Jan 2020

1 answer

217 views

Grid datetime filter not working

Hi,

I'm using kendo grid to display data that come from OData service (build in asp net core).

Date filter is not working for datetime columns.

The issue is related to time value that is passed as filter (an example down below).

Is there a way to avoid time in filter?

Thanks

Maurizio

NO RESULTS

/api/P6activity?$count=true&$filter=(finishDate eq 2020-01-23T00:00:00.000Z and projectId eq 'H171P')

CORRECT RESULTS

/api/P6activity?$count=true&$filter=(finishDate eq 2020-01-23 and projectId eq 'H171P')

{
"@odata.context": "http://localhost:11111/api/$metadata#P6activity",
"@odata.count": 3,
"value": [
{
"id": 566,
"projectId": "H171P",
"activityId": "M194",
"name": "Demi Mechanical Document",
"startDate": "2019-11-15T13:00:00+01:00",
"finishDate": "2020-01-23T17:00:00+01:00",
"sapControlKey": null,
"sapTransfer": false,
"sapMaterialGroup": null,
"sapPurchGroup": null,
"sapOdA": null
},
{
"id": 739,
"projectId": "H171P",
"activityId": "Q176",
"name": "MEP Works Order",
"startDate": "2019-12-23T08:00:00+01:00",
"finishDate": "2020-01-23T17:00:00+01:00",
"sapControlKey": null,
"sapTransfer": false,
"sapMaterialGroup": "Z003",
"sapPurchGroup": null,
"sapOdA": "0260"
},
{
"id": 970,
"projectId": "H171P",
"activityId": "U080",
"name": "Thermal Cycle Sampling System Mechanical Drawings",
"startDate": "2019-12-16T08:00:00+01:00",
"finishDate": "2020-01-23T17:00:00+01:00",
"sapControlKey": null,
"sapTransfer": false,
"sapMaterialGroup": null,
"sapPurchGroup": null,
"sapOdA": null
}
]
}

General Discussions