Pending Review
Last Updated: 17 Jul 2019 11:47 by yao

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>
Pending Review
Last Updated: 17 Jul 2019 04:50 by yao

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>
Approved
Last Updated: 16 Jul 2019 19:13 by Michael
Created by: Imported User
Comments: 3
Type: Feature Request
16
As in the JQuery version, it would be good to have the option of showing the total of a column's values without having to use grouping aggregates. 

For example i have 10 products with their prices and i would like to see their total cost in a row below the column, without having to use grouping which adds more elements to the Grid.
Pending Review
Last Updated: 16 Jul 2019 13:07 by ADMIN

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
    };

Approved
Last Updated: 10 Jul 2019 12:52 by ADMIN
Created by: Mark
Comments: 1
Type: Feature Request
1

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!

Approved
Last Updated: 10 Jul 2019 12:45 by ADMIN
Created by: Mark
Comments: 1
Type: Feature Request
1

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!

Approved
Last Updated: 09 Jul 2019 13:28 by Gurpreet Singh
Created by: Gurpreet Singh
Comments: 2
Type: Feature Request
0

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. 

Approved
Last Updated: 01 Jul 2019 07:24 by ADMIN
Created by: Ryan
Comments: 0
Type: Feature Request
2

AutoWidth column on header double click.

When a resizable column is double clicked it will be auto-sized based on the content.

Approved
Last Updated: 26 Jun 2019 14:06 by ADMIN
Created by: Antonios
Comments: 1
Type: Feature Request
1

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.

Completed
Last Updated: 26 Jun 2019 14:05 by ADMIN
Created by: Antonios
Comments: 2
Type: Feature Request
0

It would be really useful to have the expandField Grid property being a function that dynamic (per row) return the attribute or null if the row cannot be expanded altogether.

The reason is that, not all rows are expandable in some situations but we currently cannot hide the toggle detail row (+) per row...

Approved
Last Updated: 26 Jun 2019 14:03 by ADMIN
Created by: Henk
Comments: 1
Type: Feature Request
4
Native REACT spreadsheet component
Under Review
Last Updated: 26 Jun 2019 14:02 by ADMIN
Created by: Robert
Comments: 1
Type: Feature Request
0
Is there a plan in the future to support multiple themes when using Kendo components. I can currently implement multiple themes on custom components but this is not possible on Kendo components because they import variables directly from SCSS variables in the stylesheet. Due to the file bundling that takes place in React it is impossible to import two SCSS files with the same variable names. The second import will always override the first file. This could be avoided by using a css in javascript solution(e.g. styled-components). This would allow the user to pass in multiple theme objects by using react props. Is there any plan to migrate to a more modern solution for handling styles with Kendo components.
Approved
Last Updated: 26 Jun 2019 14:01 by ADMIN
Created by: Robin
Comments: 1
Type: Feature Request
1

The typographical kerning defined by the font is not respected when exporting components to pdf.

The text has the same aspect as if the following css property had been defined:


element {
  font-kerning: none
}

 

It will be nice to support font-kerning on pdf export.

Declined
Last Updated: 26 Jun 2019 13:59 by ADMIN
How to Realize Fixed Total Row at the Bottom in React Grid?
Approved
Last Updated: 26 Jun 2019 13:58 by ADMIN
Created by: Mark
Comments: 2
Type: Feature Request
1

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

Completed
Last Updated: 26 Jun 2019 13:57 by ADMIN
Created by: Imported User
Comments: 1
Type: Feature Request
2
Would it be possible to add a react wrapper of the angular / jQuery Sortable library?

https://docs.telerik.com/kendo-ui/controls/interactivity/sortable/how-to/AngularJS/use-sortable-grid-angular
Pending Review
Last Updated: 25 Jun 2019 13:29 by ADMIN
Created by: yao
Comments: 1
Type: Feature Request
1

How to merge rows in React Data Grid?

Only ColSpan did not find RowSpan in the GridCellProp

Approved
Last Updated: 19 Jun 2019 08:11 by ADMIN
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.
Completed
Last Updated: 18 Jun 2019 12:55 by ADMIN
Created by: Michael
Comments: 3
Type: Feature Request
1

It is important for my users to be able to invoke the GridColumnMenuFilter  directly from the grid header. ie. The jQuery version has the filter icon beside the header text  (Rather than having to click a menu and then click "Filter" - which is necessary if all I want is a filter.

I know this is possible with some CSS.  But it is important that there is a visual indicator that the filter is on (which the jQuery version supports but doesn't seem currently possible with the React version)

Thanks

 

Approved
Last Updated: 14 Jun 2019 07:04 by ADMIN

Add hideAfter prop to the Notification component.

This will allow controlling when the notification will be hidden.

1 2 3 4 5