Hi,

The Calendar Fast Navigation Bar is currently broken in all versions of KendoReact that support React 18 as per https://github.com/telerik/kendo-react/issues/1566. We are working around the issue by disabling the Calendar Fast Navigation Bar as described here https://www.telerik.com/kendo-react-ui/components/dateinputs/calendar/sidebar/.

Unfortunately this does nothing to address the issue in KendoReact Grid filter menus - see this StackBlitz for an example: https://stackblitz.com/edit/react-va2kr1?file=app%2Fmain.tsx.

Is there a way to globally disable the Calendar Fast Navigation Bar so we don't have to do this everywhere and create a custom Grid filter?

Hello

How to create a vertical grid?

like this..

please give me an example

I know that each listItemUI child has info about the file passed into it by props,

but is there a way to get a full list from the parent <Upload> component?

A callback function maybe?

for example:
<Upload getFileList = {getFileList} />

const getFileList = (list) => {
     console.log(list);
}

Does kendoreact support us to customize it? Thank you

Follow the code
brave-leftpad-tt12no - CodeSandbox

Input fields not accepting spaces inside the treeview component

any solution for this

Hi Team,

Recently i upgraded  kendo version from 3 to 5.12 and and master detail grid which was working earlier in version 3 stoped working. Is there any change in latest version?.

Below is the code. getDetails()  function is called from grid but DetailComponent is not getting called which is returning the child colums and data when masterGrid is true. 

class customGrid extends PureComponent{

constructor(props){

Super(props)

}

renderGridColumn=(column)=>{

const gridColums ={}

gridColums.field = column.field;

gridColumn.title=column.title;

return <Column {...gridColumn}/>

}

onExpandChange=(event)=>{

let id = event.dataItem.id;

let data= this .state.data;

event.dataItem.expanded=event.value;

this.setState({

...this.state,

})

If(!event.value|| event.dataItem.details){

return

}

let index= data.findIndex((d)=> d.id === id);

data[index].details= data[index].result;

this.setState ({

data: data

})

}

DetailComponent=(props)=>{

const detailParam ={

data: props.dataItem[this.props.field],

gridColumn: this.props.columns

}

return this.props.onDetailRow(detailParam)

}

getDetails=()=>{

If(this.state.masterGrid){

return{detail:DetailComponent}

}

}

<Grid

{...this.getDetails()}

expandField="expanded"

onExpandChanhe={this.onExpandChange}

>

this.state.gridColumn.column.map((column))=>{

return this.renderGridColumn(column)

}

</Grid>

}

Hello,

We have an implementation of the kendoreact Scheduler in our application.

We use our own popup when a user clicks/selects a scheduler item. This popup contains a close button, which closes the appointment and should deselect the scheduler item. However, I was unable to find a way to get the scheduler item deselected.

The problem with it not being deselected, is that once you close the popup, you cannot open it again until you click another appointment, which our client took issue with.

So far I've tried going through the documentation and through the available hooks. I did find these hooks:

• useSchedulerViewSelectedItemsContext
• useSchedulerViewFocusedItemsContext
  

However, I was unable to use them since the set function seems to require a synthetic event, which I don't think I have.

I've also found this post, but was unable to apply anything from there with my knowledge: https://www.telerik.com/forums/kendo-scheduler---unselect-a-selected-event-programatically

Is there a way to achieve what I am looking for?

Hai, 

I am facing an issue where I need to add validation to a field, display a circular gauge and implement the button's functionality

I require assistance with the following issues :

1) Although it is possible to add data without input, when input is provided, it does not display in the row (myNameCell.jsx)

2) When adding data, the circular gauge status column does not display in the row (myCircularGaugeCell,jsx)

3) If a row is remove, I want to add a validation message, such as "Please add at least one record".

4) How can I modify the field text, textrea and dropdown components? (myDropDownCell.jsx)

Could someone provide me with guidance on these matters? I attach my code as reference. Let me know if there are something wrong with my code. TQ

Hi,

Is it possible to apply custom sort logic to a Data Grid Column which is applied when clicking on the Column header? As an example, we have a Date column with nullable values. We would like nulls to be considered highest i.e.

• ascending: lowest date value -> highest date value -> null date values
• descending: null date values -> highest date value -> lowest date value

In the default sort nulls are considered lowest.