I'm migrating KendoUI for jQuery to React. In jQuery version of Kendo Grid was possible to set "values" property to columns with "id" values.
In React version of the kendo grid, the "values" property for the GridColumn component is not available. How can I make the same like in jQuery version?
Thanks a lot for an each help.
<Grid
data={data.map(item => ({
...item,
[SELECTED_FIELD]: selectedState[idGetter(item)]
}))}
style={{height: '400px'}}
dataItemKey={DATA_ITEM_KEY}
selectedField={SELECTED_FIELD}
selectable={{enabled: true, drag: false, cell: false, mode: 'multiple'}}
onSelectionChange={this.onSelectionChange}
onHeaderSelectionChange={this.onHeaderSelectionChange}
>
<Column field={SELECTED_FIELD} width="50px"
headerSelectionValue={data.findIndex(item => !selectedState[idGetter(item)]) === -1}/>
<Column field="name" title="Name" width="300px"/>
<Column field="surname" title="Surname" width="300px"/>
<Column width="100px" title="Full Name" cell={(props) => (
<td>
<div>{props.dataItem.name + ' ' + props.dataItem.surname}</div>
</td>
)}/>
</Grid>
Hi,
I have a problem with the Tooltip position issue.
If I move the pointer from outside of the chart to a a chart item, the tooltip position is correct
But if I try to hover on a chart item, after that I move the mouse to an item beside it, the position is incorrect now
Hello,
I am trying to display text containing html tags (rich text) in the treelist columns. Can you suggest how to do that? Currently it is showing as a string.
Thanks
I have kendoreact grid. I have total 8 columns. out of 8, 4 columns are locked. Currently horizontal scroll bar is displaying for entire grid. But i want to show the scroll bar only for un-locked columns. Kindly help.
requirement:
I am trying to fix an issue on an old react application and I am not familiar with the approach used here. We are using the following dependencies(some important ones mentioned). Node version is 14.x
"dependencies": { "@progress/kendo-ui": "^2021.3.1207", "@types/node": "^12.20.15", "@types/react": "^17.0.11", "moment": "^2.29.4", "react": "^17.0.2", . . . } "devDependencies": { "@types/jquery": "^3.5.5", . . . }
Right now we are using the below timepicker and this passes in a datetime value on save, in this format 2024-03-14T09:00:00.000Z. But I want to change this to pass in value as a time in this format HH:mm:ss .
<input
id={this.id}
name={this.props.validationName}
data-role="timepicker"
data-bind={`value: ${ValueCodes.Start}`}
data-format="h:mm tt"
required={true}
disabled={true}
/>
export class ValueCodes { public static readonly Start = 'sTRT_TIME'; . . . } protected getDataSourceOptions() { const fields: { [key: string]: { type: string } } = {}; switch (this.categoryCode) { case 'INIT': fields[ValueCodes.Start] = { type: 'date' }; . . . break; . . . default: break; } return { fields: fields, transportOptions: { baseUrl: `${X.getApiUrl()}value/${this.categoryCode}` } }; } }
On changing the 'type' from 'date' to 'time' here, fields[ValueCodes.Start] = { type: 'date' }; I encountered some errors. I was only able to save the value in my desired format, if I disable validation. Aprart from that the timepicker now will not load the datetime or time value fetched from the backend because of the 'type' change from 'date' to 'time'.
Is there a specific way in kendo that I can try to overcome this?
I want to change the upload icon in Drag&drop component to before uploading the file.
& after uploading the file
Before I was using
but recently after updating packages, I got jumped by a couple of errors saying there are no color variables in said file.
I found them in the dist folder but all those files also have
at the end making me import whole scss files multiple times destroying all my overrides in previous files.
Is there any way I can import all Kendo theme variables to my scss files?
I am having trouble navigating the grid with a screen reader using table navigation commmands. I think the problem might be my custom cells. Is there anything else that needs returned bessides tds? Here is an example of my grid.
```
</Grid>
```
Thanks in advance.
Using the FontSize editor tool in the Editor I need the user to be able to select a value for the FontSize and retain that value after the user hits the enter key to go to a new line in the ediitor. Right now if you select anFontSize value it retains it till the user clicks enter then the FontSize dropdown value resets to unselected.
Thanks,
Matt Heuerman