Completed
Last Updated: 22 Jul 2020 11:58 by ADMIN

We need to customize our exported excel to contain some additional information to the top rows of the excel sheet.

On using 'filterable' option as true in ExcelExport React component, it's getting applied on the first row but we want those filters to come on header values present on the 2nd/nth row in case we have some additional information on the top rows.

<ExcelExport
                    data={data}
                    fileName="Products.xlsx"
                    ref={(exporter) => { this._exporter = exporter; }}
                    filterable={true}
                >

Please refer the attached snapshots for actual and expected results needed from customization.

Completed
Last Updated: 29 Jul 2020 10:44 by ADMIN

Hello,

Please allow the Form component to submit even if it's not marked as modified internally. I am trying to use the Form within a Stepper workflow, and the Form can have default values based on what they submitted in the previous Step. If they return to the Step with the Form on it, though, and those initial values are not changed while displaying the Form, then the Form internally is not marked as modified, therefor the submit event never fires.

It'd be nice if we could have a boolean to tell the Form if we care to block submission based on modified or not.

Thank you

Completed
Last Updated: 17 Sep 2020 13:59 by ADMIN
I find the autogrow and floating labels in the latest Kendo Angular library to be quite handy:

https://www.telerik.com/kendo-angular-ui/components/inputs/textarea/
Completed
Last Updated: 29 Jul 2020 10:43 by ADMIN

Hi,

I need to implement two functionality for treelist control

1. Freezing of column and rows

2. Drag and Drop column and rows

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: 09 Apr 2020 13:04 by ADMIN
Created by: Jørund
Comments: 2
Type: Feature Request
0

Currently, the onLegendItemHover can be used to detect mouseover event on a legend item.

Suggest adding an event mirroring the mouseout event.

 

Kendo UI for jQuery implements this

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/events/legenditemleave

Completed
Last Updated: 27 Jan 2020 17:10 by ADMIN
Created by: Jonathan
Comments: 1
Type: Feature Request
0

Hello,

I would like to make a general feedback after visiting KendoReact website for the first time. I'll expose a lot of wrongs, but keep in mind my goal is to give you insight for improvement, not to bash.

Context : I'm currently curating React UI frameworks for a new long term project within my company. I am a senior software architect seeking some general feelings about a the product (reliability and performance for example) but also very specific : easy layout management and very accomplished components such as Select.

 

Navigation

The documentation website ( https://www.telerik.com/kendo-react-ui/components ) is extraordinarily slow, this is very inconvenient when you're browsing to discover what the kit has to offer.

Accessing sub-section actually change the page, requiring a full reload, which again, is so slow I don't want to click on it. Seriously.
Take https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/ for example, to discover all the features, I have to trigger several page load. This is not gonna happen ; I'll leave this. I did leave this. It's the most wanted component for me in my research. I left.

Content

The documentation pages does not expose the available properties of the component, I have to visit every sublink and read every source to find out. This is not ok either. I'm looking for a framework to save time, and this is starting to seriously leech my time.

The source code of the given examples are real. I can copy paste into an empty file, and it will work. This is the good side of the coin. The bad side of the coin is it takes me an, abnormal amount of time to see how the component is structured. That's the only thing that interest me on the first look. If I want deeper understanding and knowledge, yes please provide with a link to stackblitz or whatever so I can play with it, but first I want to see what it looks like.

You use unconventional naming. Look around in the js world, how people call stuff :

A form select is a select, not a dropdown. Within your dropdown menu item you have multi-select but you have to find it first !
A grid is a css grid, not a DataTable.
You have in your menu : Forms, Dropdown Select, Inputs, Upload. All of that is Form. How am I supposed to know if I've seen all form features if everything is spread around ? You also have Chart, Gauge and Drawing.
PanelBar ? Never heard of it. Accordion ? That's my boy.

You also present features that don't belong here, like Excel Export or PDF Processing whereas some basic information are missing such as "does it work well with TypeScript ?" : https://www.telerik.com/kendo-react-ui/knowledge-base/?search=typescript .

 

Features

You have a lot of components, some are very accomplished (i.e. TreeList) and others are quite average, such as Select. Check this competitor component : https://blueprintjs.com/docs/#select. Real world usages. Maybe you can achieve the very same thing with KendoReact, but even if true, I feel you don't understand what I need.

Too few UI framework care about layouts, KendoReact unfortunately is no exception. Layout is not just a box next to another. Layout is ordering content and filtering content depending on the device, it's putting some text over an image, it's making a row of three blocks and make sure they have the same height regardless of their content, it's having a page section that is exactly the size of the visitor's screen ; UIKit is very good at this ( https://getuikit.com/docs/height ). But it's also Special States : empty state ( https://material.io/design/communication/empty-states.html#content ) or result state ( https://ant.design/components/result/ )

 

My overall feeling is the product is disconnected from the environment and dev culture I'm working in.

Completed
Last Updated: 09 Apr 2020 13:10 by ADMIN
Created by: Basel
Comments: 4
Type: Feature Request
2

Hi,

 

The new KendoReact Drawer component looks amazing and works like a charm. It would be great if it supported sub-items similar to the PanelBar component. Having sub-items would simplify the development of sidebar navigation with KendoReact.

 

<PanelBarItem title={'About'} route="/about">
<PanelBarItem title={'Team'} route="/about/team" />
</PanelBarItem>


Regards,

Basel 

Completed
Last Updated: 26 Mar 2020 15:16 by ADMIN
Created by: Kirill
Comments: 6
Type: Feature Request
1

Existing implementation of Scheduler component has a very limited customization support. To cover some real use-cases we need:

  1. Conditionally hide Scheduler Header and Footer. This is possible with CSS, but still makes sense to have props for that.
  2. Customize tooltip content when hovering on the event. Currently tooltip is a one line text, but adding support of a larger popups on hover would allow to show additional info associated with that event. Please consider adding a prop to pass custom component for tooltip/popup rendering (similar to how Custom cells work in Kendo Grid)
  3. Customize event component. Is there a way to have multiline text in the event component? Currently it is way to limited to show custom content e.g. adding custom icons is impossible.
  4. All events in the same group have a same color when displaying. Please consider adding individual color support for each event. This would help to support error states for events.
  5. Custom onDelete/onDoubleClick handlers. We would like to have custom implementation of Delete confirmation and Edit form.

Please advise on how to overcome those limitations as a short term solution and consider adding more Scheduler customization abilities to your Roadmap.

Example of highly configurable Scheduler/Timeline component:  https://js.devexpress.com/Demos/WidgetsGallery/Demo/Scheduler/Timelines/React/Light/

Completed
Last Updated: 29 Jul 2020 10:52 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

)

 

Completed
Last Updated: 09 Apr 2020 13:06 by ADMIN
Completed
Last Updated: 17 Sep 2020 14:37 by ADMIN
Created by: Ruslan
Comments: 2
Type: Feature Request
1

Hello,

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

Thanks.

Completed
Last Updated: 30 Sep 2019 06:47 by ADMIN
Created by: Antonis
Comments: 2
Type: Feature Request
0

Hello, 

I would like to request the support of the search panel within the grid component same as in ASP.NET Core UI (https://demos.telerik.com/aspnet-core/grid/search-panel)

Thank you

Completed
Last Updated: 09 Jan 2020 08:38 by ADMIN
Release 3.10.0

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

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: 23 Sep 2019 09:08 by ADMIN
Completed
Last Updated: 13 Sep 2019 07:51 by ADMIN
Created by: laurence
Comments: 1
Type: Feature Request
0
Hi, I'm trying to know if the components that are publicly exposed do not contain the correct styles. For example I tried to do this: 'https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-all-cell/' but the result is not even close to what it should look like and I want know if it is because these styles / features are only with the paid version.
Completed
Last Updated: 22 Jan 2020 13:34 by ADMIN

I know there you gave me an example of how to do this with custom code - is there a reason this can't be built in?   It's important and is a pain to custom implement when using custom editors for the cells

 

Thanks

Michael

Completed
Last Updated: 13 Sep 2019 07:19 by ADMIN
Release 3.4.0
Created by: Mark
Comments: 2
Type: Feature Request
2

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: 07 Aug 2019 06:26 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

1 2 3