Add a heatmap component

This component purpose is similar to the GitHub commits graph:

Add section highlighting and keyboard navigation to the MaskedTextBox.

This is similar to the DateInput functionality to move between the different sections with the arrow keys.

This functionality should be optional, not always on.

Hi there, 

 

I would like know how can we customize the TimePicker of the DateTime picker?

We can perform the customization of calendar as guided by the link below.

https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker/custom-rendering/#toc-customizing-the-calendar

My question is how can I customize the Time Picker of the Datetime Picker since I can't find the time picker relevant props from the DateTimePickerProps?

 

Thank you!

 

 

 

 

 

Hello,

The Form component does not allow me to submit unless I modify the initial values. We have a Form that is provided with initial values that may not need to be modified by the user first - the data is all valid and acceptable. The user, currently, would need to purposefully modify one of the Field values in order to get the Form to realize that it can be submitted.

I'm aware of the submit click event but that event does not perform any validation.

I believe there needs to be some middle area where the Form can be provided initial values and be allowed to submit without having to modify the form first.

I have created a code sample showing the scenario below ...

https://stackblitz.com/edit/react-wf5veh-reyjj3?file=app/main.jsx

Thank you

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!

Our customers use case would require multiple tasks on same row in the Gantt diagram. Is this possible to implement somehow by customizing the Gantt diagram? Customer feels having each task on its own row wastes vertical space since the tasks are usually back to back.

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.

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

Required feature for my ERP system project

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!!!