Hi support,

I would like to know what's the best way to set the modal dialog to the bottom of the page, and add animation for it to slide up to open and slide down to close.

Thanks!

Hi,

 

Hope you are doing good.

 

We have requirement that, there are some cards (Each cards are separate component like chart, grid, etc). Also have separate multiple grids like 2*2, 4*4. We need to drag the cards and drop it in any of the grid. 

 

For your ref, the feature is somewhat like this https://demos.telerik.com/kendo-ui/cards/drag-and-drop .

 

Please let me the example. Also revert me if you have any doubts.

 

Thanks,

Gokul

Hi Team,

While navigating using keyboard tab key focus is not moving to multiple controls such as Bar graphs and legends in kendo React Charts.

Screen reader should narrate proper name, role and value for the controls.

NVDA Focus is not moving to the bar graphs and legends and it is not narrating proper value for the bar graphs and legends.

which includes following components

• Chart
• ChartArea,
• ChartSeries
• ChartSeriesItem
• ChartCategoryAxis
• ChartCategoryAxisItem
• ChartValueAxis
• ChartValueAxisItem
• ChartLegend
• ChartTooltip
• ChartSeriesItemTooltip

Can you please suggest if any,

 

Thanks & Regards,

Sairoopa.Ch

Hello

I'm using the menu component version 4.13

I'd like to change the style of the active menu item but could not find any examples. Here's one of my menu items

i'm following your example to do the routing

I'm using react router dom.

Do you have an example for how to change the css of the active menu item?

Thank you.

Fabian

 

I've already submitted this to the GitHub issues - https://github.com/telerik/kendo-react/issues/1297

Submitting here as it is an important regression with React 18 breaking all popup animations.

Hello,

I would like this feature https://docs.telerik.com/kendo-ui/knowledge-base/add-event-programatically?_ga=2.240140043.929456162.1660247660-2049658922.1660247660 to be available in KendoReact.

1. I need to be able to open the "create a new appointment dialog" from the scheduler programmatically.
2. Additionally, opening an existing event programmatically would also be a requirement.

The use case for #2 is so I can open an event directly from a link (e.g. use query params with an eventId, load it into the scheduler, and then open the edit dialog; all programmatically).

 

Thanks!

When a Taskboard column overflows vertically or the columns overflow horizontally, there is no way for the user to drag a task card in a position that is not visible at the start of the drag in one smooth motion and one has to resolve to multiple drag 'n' drops and subsequent manual scrolls. Ideally when a card is being dragged over the borders of the overflown container, it should automatically scroll to bring the invisible elements into the viewport. Video of current behaviour is attached below, together with the requested behaviour.

Hi Team,

We need a break (<br>) tag on pressing enter key instead of paragraph tag in React Editor. Currently break tag comes on pressing Shift + Enter keys. We want a mechanics to override default functionality of enter from paragraph to break tag.

Regards, 

Abhinav

I have need for a Captcha component for a public-facing form. Most of the Telerik products include a captcha component, but not KendoReact.

Can we expect this to be added at some point?

I want to make a request to add the autoClose property to manage KendoReactMultiSelect control.

Here is an example of code with several MultiSelect controls on the same page without the autoClose property:

https://stackblitz.com/edit/react-w4yhvh

You can clearly see that the autoClose property will be really useful.

Thanks.

I discovered a lack of parity between the React and Angular implementations of the TabStrip/TabStripTab components. Specifically, in the React version the "title" prop determines the contents inside the resulting <k-link> CSS class, whereas the Angular version allows you to set a template, for more complex tab header components.

This became an issue for me, because we have overridden the CSS for a custom progress tracker component built on the tab strip in an Angular implementation. I am now tasked with replicating the component in React, but had to resort to my own TabStrip/TabStripTab classes, instead of being able to use your components. (My goal is to be able to use the existing CSS, maintained by our UX team, out of the box.)

Hope that made sense. Feel free to contact me if it's not clear what I'm asking for, or if there is already a solution to this. Thanks!

 

React version:

 

Angular Version:

 

 

Request for a GroupHeaderTemplate for the Grid.

Currently, the only approach is to loop the data and set the desired text as a field value.

Please add toolbar support in the react conversationalui, just like it exists in the jQuery chat component.

We need in our projects a way to add custom action buttons, besides the simple "send" message.

Ie. attach files/images to a message, open emoji picker, etc.

As in the JQuery version, it would be good to have the option of hidding a column. 
https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.hidden

I would find a Readonly bool prop for the Editor, really useful in certain scenarios

I'm trying to build this from scratch, but it is not working correctly with the dataState.  Please help!!!

I updated to the latest version of the kendo react components (3.2.1) and notices that if there are no records in the grid - the message is displayed in the first column rather than spanning - this behaviour is also happening in the demo - see the attached.

While export and save PDF are extremely useful features that Kendo React UI provides. 

I would like to have option to generate Password protected PDF. 

Hi

Please build a React component for Map control similar to https://demos.telerik.com/aspnet-ajax/map/examples/overview/defaultcs.aspx

Hi

Please create a React Scheduler component similar to https://demos.telerik.com/aspnet-ajax/scheduler/examples/overview/defaultcs.aspx