Hi

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

It seems the Angular date pickers allow an actual placeholder attribute in stead of populating with the format as the React components do. The current functionality is limited in terms of the experience and requires workarounds as found in this thread.

https://www.telerik.com/forums/datepicker-without-placeholder?actionMode=replyThread

Hi, I'm trying to know if the components that are publicly exposed do not contain the correct styles. For example I tried to do this: 'https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-all-cell/' but the result is not even close to what it should look like and I want know if it is because these styles / features are only with the paid version.

Pressing enter in the ComboBox will select the first item with the same text value.

If we have items with the same text value and we navigate through them with the arrow keys and then select one with enter, the ComboBox will return the first item with that text instead of the currently selected one.

Allow the floating labels to be placed over the input even if the value is null - empty.

Material UI have such property, and adding it to KendoReact will increase its compatibility with the Material UI components.

Ability to paste dates directly in the DateInput and the DatePicker.

This will be useful in cases where the end-user has to transfer large data sets into the application faster.

The tooltip display position of KendoReact Chart  is incorrect

See the code.thank you

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

 

 

 

I know there you gave me an example of how to do this with custom code - is there a reason this can't be built in?   It's important and is a pain to custom implement when using custom editors for the cells

 

Thanks

Michael

Column locked with KendoReact Grid is not locked in the iPhone safari.  It's OK in Chrome phone simulator, but not in mobile. 

 

<Grid
                    style={{ height: '400px', width: '500px' }}
                    data={products}
                    reorderable
                >
                    <Column field="ProductID" title="ID" width="45px" locked />
                    <Column field="ProductName" title="Name" width="250px" />
                    <Column field="Category.CategoryName" title="CategoryName" />
                    <Column field="UnitPrice" title="Price" width="90px" />
                    <Column field="UnitsInStock" title="In stock" width="90px" />
                    <Column field="UnitsOnOrder" title="On order" width="90px" />
                    <Column field="Discontinued" width="120px" locked={true} />
                    <Column field="QuantityPerUnit" title="Additional details" width="250px" />
                </Grid>

When then CSS "rotate(90deg) translate(...)" is applied to KendoReact Chart, the coordinates of tooltip are incorrect.
In order to display  KendoReact Chart on mobile phones on a horizontal screen, CSS "rotate(90deg) translate(...)"   is applied to KendoReact Chart,

but the coordinates of tooltip are incorrect.

 

sourcecode:

     let w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
     let h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; 

     let x = (h-w)/2;
     let ts = "rotate(90deg) translate("+x+"px,"+x+"px)";
     const maxstyle={
        transform:ts,
        width:h,
        height:w,
        top:0,
        left:0,
        paddingLeft:5,
        paddingRight:5,
        paddingTop:5,
        transformOrigin:"center center",
        background:'#f5f5f9',
        overflow:"hidden",
        position:"fixed",
        zIndex:10000
    };

<div  style={maxstyle}>
                    <img src={closeImage} onClick={this.onBack.bind(this)} className="closeImage"/>
                    {this.renderSingleBlock()}
  </div>

In order to display  KendoReact Chart on mobile phones on a horizontal screen, CSS "rotate(90deg) translate(...)"   is applied to KendoReact Chart,

but the coordinates of tooltip are incorrect.

     let w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
     let h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; 

     let x = (h-w)/2;
     let ts = "rotate(90deg) translate("+x+"px,"+x+"px)";
     const maxstyle={
        transform:ts,
        width:h,
        height:w,
        top:0,
        left:0,
        paddingLeft:5,
        paddingRight:5,
        paddingTop:5,
        transformOrigin:"center center",
        background:'#f5f5f9',
        overflow:"hidden",
        position:"fixed",
        zIndex:10000
    };

Hello Kendo React Team!

 

We noticed in our Review and Retro that the drop down to select how many items per page is not styled. The user on my team had a green theme to their desktop and the picker was green. Our main colors or blues so it stuck out. The jQuery grid has that drop down styled so it matches the theme used for Kendo. Would it be possible to use a custom component instead of a regular input?

Thanks!

Hey there Kendo React Team!

 

In the drop downs there is this convenient "X" so users can quickly clear the information in the input. Would it be possible to implement this into the Date & Time Pickers as well as Generic Inputs? 

 

 

Thanks!

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. 

AutoComplete focused item is not set correctly if the items are with different height.

Currently, it is required to have the same height for the items, but this can be very hard in cases when the items are dynamic with various height.

Hello again Kendo React Team,

Our team recently started using the Kendo React DateTimePicker and noticed that if the user clicks "Today" followed by "Now" the drop down does not automatically go away. The DatePicker and TimePicker both have this desired action of closing the drop down when selecting. Would it be possible to add this functionality to the DateTimePicker?

Thanks,
Mark

How to merge rows in React Data Grid?

Only ColSpan did not find RowSpan in the GridCellProp

How to Realize Fixed Total Row at the Bottom in React Grid?

The ability to insert images in the Editor from the file system.

This can be done from the file browser or using drag and drop.

Add hideAfter prop to the Notification component.

This will allow controlling when the notification will be hidden.