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
15
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: 04 Jul 2019 11:19 by ADMIN
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.
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.

Completed
Last Updated: 26 Jun 2019 14:23 by ADMIN
Created by: Nathaniel
Comments: 1
Type: Bug Report
0

When using the DialogActionBar, its flex CSS property is flex:1 0 0.  For some reason, this is not a valid value in IE11, and I need to specify the flex values explicitly:

.k-dialog-button-layout-stretched .k-button {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0px;
}

Can this be added to the original stylesheet so it works out of the box?

Completed
Last Updated: 26 Jun 2019 14:19 by ADMIN
Created by: Daniel
Comments: 0
Type: Bug Report
0

The Switch layout is misaligned on IE 11.

54738802-5a28bf00-4bbe-11e9-91aa-7eb104343935.png (195×151)

This is reproducible in our demos as well.

GitHub issue: https://github.com/telerik/kendo-react/issues/220

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

Declined
Last Updated: 26 Jun 2019 14:05 by ADMIN
Created by: Nathaniel
Comments: 1
Type: Bug Report
0

I am using the ComboBox component in IE11.  When the control has a value, the clear button covers the select arrow at the right of the control.  This occurs because IE11 does not allow nested calc() calls in the CSS width property, e.g. 

.k-dropdown-wrap .k-clear-value {
    right: calc(calc( 0.75rem + 17px) + 6.5px);
}

Removing the inner calc() works well enough:

.k-dropdown-wrap .k-clear-value {
    right: calc(( 0.75rem + 17px) + 6.5px);
}

Unfortunately, this rule seems to originate from a CSS function call to which I do not have access.  Is it possible to remove the inner calc()?

Declined
Last Updated: 26 Jun 2019 14:04 by ADMIN
Created by: Nathaniel
Comments: 6
Type: Bug Report
0

When rendering an AutoComplete, I get the following warning:

Warning: Failed prop type: Invalid prop `children` supplied to `Popup`.
    in Popup (created by ListContainer)
    in ListContainer (created by AutoComplete)
    in span (created by AutoComplete)
    in AutoComplete

I have tried this in the simple case below:

ReactDOM.render(
    <AutoComplete
        className="form-control"
        required={true}
        validationMessage="Location Required." />,
    document.getElementById('root'));
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.

Completed
Last Updated: 26 Jun 2019 14:00 by ADMIN
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.
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

1 2 3 4 5 6