Unplanned
Last Updated: 26 Oct 2020 14:15 by ADMIN
Created by: Chris
Comments: 4
Type: Feature Request
27

Within the jQuery samples, there is a way to have the MonthView for Scheduler to have 'adaptive' height.

https://demos.telerik.com/kendo-ui/scheduler/adaptive-slot-height

Is this available for the <MonthView> part of the REACT components ?   How would this work ??     [adaptiveSlotHeight=true] isn't valid... 

 

The same issue exists for the 'autoeventheight' - is this planned for the REACT component/s ??

https://demos.telerik.com/kendo-ui/scheduler/auto-event-height

Completed
Last Updated: 23 Oct 2020 09:37 by ADMIN
"@progress/kendo-react-grid""^3.15.0"
  1. Configure a Kendo React Grid with paging on a react-bootstrap tab that is hidden on initial load
  2. Navigate to the tab - the Grid is rendered with truncated paging controls and no item count
  3. Resize the screen in any way - the full paging controls and item count are restored

Is there a workaround for this issue?

Planned
Last Updated: 22 Oct 2020 19:06 by ADMIN
A Wizard Control, allowing any number or steps vertical or horizontal plus ability to modify the look and feel of the steps.  Also the ability to add other controls within each step.  For example a wizard control with the ability to have 3 steps, in which one would have a grid, or scheduler or other components.
Completed
Last Updated: 20 Oct 2020 10:43 by ADMIN

I have a need for the 'Drop files here to upload' text to always be visible in the drop area of the KendoReact Upload component. Example of what I am talking about is in attached images.

 

Completed
Last Updated: 20 Oct 2020 10:40 by ADMIN
The scheduler component does not work in Internet Explorer. We need to support IE 11 for our costumers. On the Kendo React example page I get an error that the  'object does not support property or method 'entries'.  In the code we're developing the error is similar, but refers to 'forEach' instead of entries. 
Declined
Last Updated: 20 Oct 2020 10:37 by ADMIN
Created by: Imported User
Comments: 1
Type: Feature Request
1
Currently, using npm install --save @progress/kendo-theme-material will get the standard Material Design theme for use across the React Components, but why is Material Black not available this way? (npm install --save @progress/kendo-theme-materialBlack)
Declined
Last Updated: 20 Oct 2020 10:36 by ADMIN
Created by: Imported User
Comments: 0
Type: Feature Request
0
Currently, using npm install --save @progress/kendo-theme-material will get the standard Material Design theme for use across the React Components, but why is Material Black not available this way? (npm install --save @progress/kendo-theme-materialBlack)
Completed
Last Updated: 20 Oct 2020 10:35 by ADMIN
Created by: Michael
Comments: 1
Type: Bug Report
0

On your Grid Demos:   When ever you try to edit a text cell the cursor always goes to the end of the text box

 

For example, go to your demo:

 

https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-inline/

 

- Edit the first row.  Try to type something before "Chai" - the cursor will jump to the end of the textbox

Completed
Last Updated: 20 Oct 2020 10:32 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.

 

 

Declined
Last Updated: 20 Oct 2020 10:32 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>
Under Review
Last Updated: 20 Oct 2020 10:30 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.

Declined
Last Updated: 20 Oct 2020 10:29 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();

                           
Completed
Last Updated: 20 Oct 2020 10:28 by ADMIN
Created by: Kyle
Comments: 3
Type: Bug Report
1

In the KendoReact Scheduler component, there is a bug when you try and change the date for an event.

Steps to reproduce:

  1. use an editable scheduler component in your website
  2. click on an event in the scheduler to open the modal
  3. in the modal click on the date selector (calendar) icon next to Start or End.
  4. The date selector is behind the modal

Looks like you need to change the z-index of the date selector if it is a child of a modal.

 

Thanks! I attached screen shots.

Completed
Last Updated: 20 Oct 2020 10:25 by ADMIN

When using the <Window> component, there is an issue trying to maximize, when a parent element has positioning (ie:  position: absolute, position: relative).  The calculation for defining the width uses window.innerWidth (similar for height).  However, for placement, it uses top and left = 0.  

You can see a sample of this on StackBlitz:

https://stackblitz.com/edit/react-59kqss

This is a straight copy of https://www.telerik.com/kendo-react-ui/components/dialogs/window/controlled-mode/, but added the additional styles to the parent <div>.

Version is 3.14.

 

Thanks.

Completed
Last Updated: 20 Oct 2020 10:21 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: 20 Oct 2020 10:20 by ADMIN

Hi,

I'm seeing a bug in TreeList which seems to be related to how locked column positions are being set.  The issue I'm seeing is when I scroll to the right the columns either overlap of have a gap between them.  See image below.

I also created a demo that demonstrates this issue: https://stackblitz.com/edit/react-lwp4ua?file=app%2Fmain.jsx


Seeing this issue in:

"@progress/kendo-react-treelist""3.12.0",
Under Review
Last Updated: 20 Oct 2020 09:21 by ADMIN
Created by: Orla
Comments: 1
Type: Feature Request
1

I'm looking at implementing a Chart with multiple ChartPane, each with their own legend displaying only the series displayed in the respective pane.

Here is an example of the layout with separate charts: https://stackblitz.com/edit/react-xtyhbu-muedhd?file=app%2Fmain.js 

After speaking with support, they suggested I created a feature request here.

Unplanned
Last Updated: 19 Oct 2020 05:07 by ADMIN

Add hideAfter prop to the Notification component.

This will allow controlling when the notification will be hidden.

In Development
Last Updated: 15 Oct 2020 12:29 by ADMIN
Under Review
Last Updated: 15 Oct 2020 11:49 by ADMIN

The Angular ButtonGroup has a 'selection' property that is not present in the React ButtonGroup. 

This functionality would be nice to have in React.

 

The following code snippet is the temporary fix that has been provided to me by support to mimic Angulars functionality in React.  
import React from 'react';
import ReactDOM from 'react-dom';

import { Button, ButtonGroup } from '@progress/kendo-react-buttons';

class ButtonGroupContainer extends React.Component {
  state = {
    selected: null
  }
  groupButtonClick = (e) => {
    this.setState({
      selected: e.target.id
    })
  }

  isSelected = (index) => {
    return index === parseInt(this.state.selected) ? true : false
  };

  render() {
    return (
      <div className="row">
        <div className="col-xs-12 col-sm-6 example-col">
          <ButtonGroup>
            <Button togglable={true} id={1} selected={this.isSelected(1)} onClick={this.groupButtonClick}>
              Bold
                     </Button>
            <Button togglable={true} id={2} selected={this.isSelected(2)} onClick={this.groupButtonClick}>
              Italic
                     </Button>
            <Button togglable={true} id={3} selected={this.isSelected(3)} onClick={this.groupButtonClick}>
              Underline
                     </Button>
          </ButtonGroup >
        </div>
      </div>
    )
  }
}
ReactDOM.render(
  <ButtonGroupContainer />,
  document.querySelector('my-app')
);

1 2 3 4 5 6