Approved
Last Updated: 21 Nov 2019 15:30 by Ruslan

Hello, 

I would like to request for the filter component to be supported in the KendoReact suite as it is in the ASP.NET Core UI suite.

One aspect is the hierarchical structure which can support complex filter scenarios but also the support to persist state of a set of filters.

Thank you

Approved
Last Updated: 21 Nov 2019 10:35 by ADMIN

Hi Guys,

In GridProps for KendoReact Grid there is an error in the type information:

Found here: https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-rowrender

In the GridProps.d.ts file it is:

    /**
     * Fires when a row is about to be rendered. Overrides the default appearance of the row.
     */
    rowRender?: (row: React.ReactElement<HTMLTableRowElement>, props: GridRowProps) => React.ReactNode;

This should be changed to:

rowRender?: (row: React.ReactElement<React.HtmlProps<HTMLTableRowElement>>, props: GridRowProps) => React.ReactNode;

 

Note that the React.ReactElement definition is:

    interface ReactElement<P = any, T extends string | JSXElementConstructor<any> = string | JSXElementConstructor<any>> {
        type: T;
        props: P;
        key: Key | null;
    }

 

So the first type parameter should be the props typ.

I noted this while making use of it. After changing it it behaves sensibly. Worked around in my case by using 'as any' to void the type clash.

Cheers,

Stuart

Declined
Last Updated: 21 Nov 2019 06:08 by ADMIN
Created by: Ruslan
Comments: 2
Type: Feature Request
0

 

Q:

From the last conversation through the webinar

jQuery Filter looks cool! What about Kendo React Filter?

A:

Right now we do not have a KendoReact Filter component, but feel free to drop us a line in our feedback portal and we will consider implementing it.


Under Review
Last Updated: 20 Nov 2019 13:41 by ADMIN

Hello,

I have a request that for some tables the user needs arrows to be able to scroll left and right horizontally through the grid content. Is there a functionality like this provided out of the box by Kendo Grid, can you please point me to the docs or provide an example? I have provided an image to reflect this.

Thank you,

Andrei

Pending Review
Last Updated: 19 Nov 2019 08:50 by ADMIN

Hello

There was an error calling “ chart.surface.redraw() ” 

 

  onRender = (args,mapValues,stackedOrderBy) => {              
        const chart = args.target.chartInstance;      

        const valueAxis = chart.findAxisByName("valueAxis");
        const categoryAxis = chart.findAxisByName("categoryAxis");

        if (!chart) return;        

           let x= 1;
            if( stackedOrderBy!="Ascending")
                x=-1;

            let axis = categoryAxis.options;

            axis.categories = axis.categories.sort(function (a, b) {
                if (mapValues[a] < mapValues[b]) {
                return -1*x;
                }
                if (mapValues[a] > mapValues[b]) {
                return 1*x;
                }

                return 0;
            });


            chart.surface.redraw();

                           
Approved
Last Updated: 19 Nov 2019 08:31 by ADMIN
Created by: Chaz
Comments: 1
Type: Feature Request
0

I've noticed in your other products, the dropdownlists have a property that allows for grouping sets of data. 

What would it take to get that included in Kendo UI React?

We have a use case that this would be very helpful.

Thanks.

Pending Review
Last Updated: 15 Nov 2019 13:45 by ADMIN

Hi, 

Is it possible to define where the dropdown container (i.e. k-list-container) is appended in the DOM?

By default it is appended at the bottom of the body but I'd like to define where it is appended.

The reason why I need to do this is because I'm using the KendoReact components in a WebComponent (custom element) which is hosted in a shadow-dom for isolation.
The styles are also only loaded within the shadow-dom and are therfore not applied to content on the outside. 

The issue is that the kendo dropdown container is appended outside of the shadow-dom and the scope of the kendo styles.
The dropdownlist component is styled correctly but the dropdown part that is appended to body is not styled.

I've solved this with other components (i.e. modal window) by defining where I want the the container appended with the createPortal method in React.

ReactDOM.createPortal(
        <React.Fragment>
          <ModalOverlay />
          <ModalWrapper
            aria-modal
            aria-hidden
            tabIndex={-1}
            role="dialog"
            data-testid="modal-wrapper"
          >
            <ModalMain>
              <ModalContent>
                <ModalHeader>
                  <ModalHeaderTitle>{title}</ModalHeaderTitle>
                </ModalHeader>
                <ModalBody>{content}</ModalBody>
              </ModalContent>
            </ModalMain>
          </ModalWrapper>
        </React.Fragment>,
        document.getElementsByTagName('custom-element').length > 0
          ? document.getElementsByTagName('custom-element')[0].shadowRoot

          : document.body

)

 

Pending Review
Last Updated: 15 Nov 2019 06:08 by ADMIN
Created by: Spencer
Comments: 2
Type: Feature Request
2
Is it possible to set Authorization headers when using a proxy with the kendo-file-saver saveAs function? The controller method I am trying to use as the proxy is protected by JWT Bearer token authorization. 
Pending Review
Last Updated: 12 Nov 2019 08:58 by ADMIN

Problem:

The DateTimePicker does not work in IE11 due to it's failure to fully support the shorthand syntax for flex (https://github.com/philipwalton/flexbugs#flexbug-4). In order for it to work in IE11 flex-basis needs a unit defined and therefore does not support calc() in this scenario.

Potential Fix:

If you break out flex-grow, flex-shrink and flex-basis then calc() can be used for flex-basis.

Pending Review
Last Updated: 11 Nov 2019 10:44 by ADMIN
<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>
In Development
Last Updated: 11 Nov 2019 10:41 by ADMIN
Under Review
Last Updated: 11 Nov 2019 10:38 by ADMIN
How to select  cells in the KendoReact Grid, Not row selection
Pending Review
Last Updated: 07 Nov 2019 09:46 by ADMIN
Created by: Adam
Comments: 1
Type: Bug Report
0

Hello Kendo React Team,

 

Here are a few bugs to address on the Kendo React Scheduler (3.6.0)...

 

Issue 1: November 3, 2019 Repeated on Week/Month Views

Visit https://www.telerik.com/kendo-react-ui/components/scheduler/views/month/ or https://www.telerik.com/kendo-react-ui/components/scheduler/views/week/, navigate to the first full week in November 2019. You will notice that 11/3 is repeated for Sunday/Monday. I'm wondering if this issue is related to daylight savings time. The calendar does not have a timezone configured (just uses the default UTC and my local timezone is PST).

 

Issue 2: Clicking an empty all day slot does nothing.

The onSlotClick callback should be fired when clicking on an all day event. I currently have to add an event listener using document.querySelectorAll("[data-slot-allday='true']"); to get the right behavior (definitely not ideal).

 

Issue 3: onItemDoubleClick and onSlotDoubleClick do not work on mobile devices.

My current solution to get everything to work on desktop and mobile is to use the onItemClick and onSlotClick and to not integrate useCallback with double clicking.

 

Suggested Improvements:

  • The documentation is silent about onItemClick, onSlotClick, onItemDrop, etc. These are essential to extend the behavior of the scheduler. I had to dig through the node modules directory and look through the .ts files to figure out how to use these work.
  • The mobile experience is awful. I miss the isMobile prop on the kendo-scheduler-react-wrapper. Whether you reintroduce that prop or add better css for smaller viewports, it would be greatly appreciated.

 

 

Approved
Last Updated: 07 Nov 2019 09:31 by ADMIN

I'd really like a KeepIt prop on https://www.telerik.com/kendo-react-ui/components/conversationalui/api/Action/ so that the action stays even when someone is typing or there is another message below it.

The use case would be a link to a Order # for example that they could go back to and click.

https://www.telerik.com/kendo-react-ui/components/conversationalui/suggested-actions/


Example of how this works with react-native-gifted-chat:

https://github.com/FaridSafi/react-native-gifted-chat#message-object

Under Review
Last Updated: 05 Nov 2019 12:48 by ADMIN
Created by: Ruslan
Comments: 1
Type: Feature Request
1

Hello,

I have a request to add a ListView control to a React Pure control package.

Thanks.

Pending Review
Last Updated: 28 Oct 2019 10:33 by ADMIN
Completed
Last Updated: 22 Oct 2019 08:33 by ADMIN
Release 3.5.0
Created by: n/a
Comments: 4
Type: Feature Request
0

Hello,

 

We need to create a DateTime Picker with max and min limit on Date and also Time.

Currently, the range works as of 22/09/2019 5:30 AM to 21/09/2020 5:30 PM, where complete 24 hrs is been selectable.

We need the time range to be restricted per day. For instance, in the above example, it should be 5:30 AM to 5:30 PM per day from 22/09/2019 till 22/09/2020.

 

Thanks in advance.

Completed
Last Updated: 18 Oct 2019 11:48 by ADMIN
Create a function callback for the Upload saveUrl.
This will allow for more flexibility when making requests.
Completed
Last Updated: 18 Oct 2019 11:32 by ADMIN

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>
Completed
Last Updated: 18 Oct 2019 10:56 by ADMIN
Created by: Antonios
Comments: 4
Type: Feature Request
3

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.

1 2 3 4 5 6