Declined
Last Updated: 07 Aug 2019 06:27 by ADMIN

The tooltip display position of KendoReact Chart  is incorrect

See the code.thank you

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

 

 

 

Declined
Last Updated: 07 Aug 2019 06:26 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
    };

Declined
Last Updated: 18 Jul 2019 10:02 by ADMIN

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>
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'));
Declined
Last Updated: 26 Jun 2019 13:59 by ADMIN
How to Realize Fixed Total Row at the Bottom in React Grid?
Declined
Last Updated: 08 May 2019 08:11 by ADMIN
Created by: Imported User
Comments: 3
Type: Feature Request
2
in React Dialog, the Dialog or the overlay, need to be focused for the Escape Key to work and close the dialog, whereas in the jQuery Dialog, it works globally without a specific focus...
Declined
Last Updated: 06 May 2019 07:13 by ADMIN
How does grid support total row  without Grouping and fix it at the bottom of the table ,It's easy to implement in KendoUI for jQuery ,But I couldn't find any relevant documents and materials in the KendoUI for React 
Declined
Last Updated: 01 Apr 2019 08:25 by ADMIN
How does grid support footer row and fix it at the bottom of the table
Declined
Last Updated: 01 Apr 2019 08:21 by ADMIN
Created by: yao
Comments: 1
Type: Feature Request
1

I don't know how to implement rowspan

Declined
Last Updated: 29 Mar 2019 07:34 by ADMIN
Created by: Grzegorz
Comments: 1
Type: Feature Request
3
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
Declined
Last Updated: 04 Mar 2019 09:04 by ADMIN
Right now there is no way that I found to create a row that displays the totals without grouping the data. I have had to create a separate table and hide the columns to simulate this feature. 
Declined
Last Updated: 19 Feb 2019 12:19 by ADMIN

If you create a react grid without any GridColumn components and then add those components later, the added columns do not show and the grid is empty.  It appears, after a quick look that the columns have a width of 0 pixels.  They exist in the html, just not displayed.

 

See https://codesandbox.io/s/mmr894nllp as an example of the problem.  This example starts with a populated grid.  You can add columns and data using the buttons above the grid.  This works fine.  If you then "Reset" the grid with the button, which removes all data, any attempt to add columns and data will show a blank grid.

 

Thanks,

Joe

Declined
Last Updated: 18 Feb 2019 13:16 by ADMIN

Multi-selecting rows using the mouse selection doesn't work for React Kendo Grid.

With the kendo grid wrapper for React we were able to  multi-select rows using the mouse selection in the grid bounds. 

 

Declined
Last Updated: 18 Feb 2019 13:13 by ADMIN

Like in the jQuery counterpart, when I click on a cell to edit the value - I should be able to tab over to the next cell to edit it.

 

Declined
Last Updated: 18 Feb 2019 12:57 by ADMIN
Created by: Jason
Comments: 1
Type: Feature Request
3

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:

 

 

Declined
Last Updated: 18 Feb 2019 12:57 by ADMIN
this.state = {
sort:[
{field:'Date',dir:'desc'}
],

};

<Grid

sortable={true}
sort={this.state.sort}
onSortChange={(e)=>{
this.setState({
sort:e.sort
});

}}

<Column field="Date"filter="date"format="{0:d}"/>

In this way,the date will be sorting with Month, How can I sorting start with year instead of month

Declined
Last Updated: 14 Jan 2019 06:31 by ADMIN

We are evaluating the React Grid component for our application and need to be able to have rows that span all columns.  To do this, I have created a rowRender function that, for some rows, will render a single <td> element with the colspan set to 100%.  The row renders fine, but the other rows, that have multiple <td> elements do not all render correctly.  For my test application, they will render with a width of 8 pxs.  On resize of a column, they will almost render correctly.

Here are some pictures of the issue in our test code.

https://drive.google.com/open?id=1bMwlUi7-7QiVHc6lubPiz45svHG1FSnS

I have created a sandbox that sort of reproduces the bug. https://codesandbox.io/s/w73v0x0mz8

If you select the "Show Full Row", the row with Id 999 will convert to a single <td> element with colspan='100%'.  You will notice how after doing so, the last three columns collapse to a small number of pixels.

 

Thanks

Joe

Declined
Last Updated: 21 May 2018 13:57 by ADMIN
Created by: Imported User
Comments: 1
Type: Feature Request
1
Hi, when entering https://www.telerik.com/kendo-react-ui/getting-started form npmjs.com, I end up on a page with "Try Kendo UI for React" heading, but whole header comes from Kendo UI for Angular project