For example I need to customize appearance of DropDownList component. I can pass className property to this component, but styles for elements inside this component will be overwritten by defaults anyway.

I can pass custom components in itemRender property to override default appearances, but those are only injected inside default styled one instead of overwriting it.

The only way that's working for me now is to override default styles in css with !important, but that's an anti-pattern I'd like to avoid in a large scale commercial project. I can't find any detailed information in the documentation, examples cover only a fraction of cases, and other cases are not analogical.

Am I missing something obvious? Thanks!

In the jQuery UI version of the kendo Multi Select component, you can disable the autoclose, but it doesn't seem to work for a component. I don't want the  to close after someone selects something.

$("#multiselect").kendoMultiSelect({
        autoClose: false,
        highlightFirst: true,
        deselect: function(e){
          setTimeout(function(){
            if(!e.sender.value().length){
              e.sender.list.find('.k-state-focused').removeClass('k-state-focused');
              e.sender.list.find('li.k-item').first().addClass('k-state-focused');
            }
          });
        }
      });

Hi,

My team is already efficient at using ant design to create react applications.

I would like to know what telerik users think of ant design components versus telerik's kendo-ui components.

Here's what I think are the main points for both

kendo-ui :

+ Official english support + english community support

+ Clear perpetual commercial license 

+ Unique component designs

- Price

ant design

+ Many component designs ( although often imported from various other projects )

+ Free

- Unclear licensing scheme, ant design itself sports an MIT license but the sub-components can (and some have) changed license.

- Maintenance of the projects depends on many downstream project's maintenance.

- Community support ( Mostly chinese speaking, could be a plus if I could read/write chinese languages. )

Thanks

Hello,

Can I find comparison of components available in Kendo UI jQuery vs KendoReact vs Kendo UI Angular vs Kendo UI Vue.js?

I see lists of examples are quite different, but I wonder what is available where and if the components are different, what is the blueprint library from which all are ported?

Thanks.

Hey there,

I'm facing the below three issues in the Demo site: https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-in-cell/

1. On iPhone, the number keyboard doesn't provision for Decimal(.). So I'm not able to enter decimal values in the Unit field.

2. Rather then the iPhone, On the other devices, I wanted to enter ".1234" value in the Unit field, So after entering the ".1", the cursor was moved before to the number "1" instead of moving after the number "1". So I'm not able to enter ".123"  value in the Unit field.

3. In the Unit field, I'm not able to enter more than 3 digits after the decimal(ex: 0.1234).

Hi

i using bootstrap theme of react kendo ui.the problem i have is that height of filter row(.k-filter-row) is too high. i tired with decrase line-hiegt of .k-filter-row class but it did not work.

how can i resolve this problem?

I've been trying for hours to set the width of the <Sparkline data={[55, 52, 61, 66, 74, 68, 77, 83]} /> to 100% or a number set in pixles, but I just can't get it to work!

I've tried setting it with css, with inline style, with a wrapping div and inline style and/or css and nothing is working. The only thing that can make the sparkline fill out more width seems to feed it more data (a longer array), and that isn't really an option.

Please help!

Hi,

I'm not sure if this is best placed in the wrapper forum or the general forum, but my problem is that when I place a Kendo React DatePicker inside a Kendo Window React Wrapper, the calendar is displayed below the window when the user tries to change the date.

Example: https://react-emp7kp.stackblitz.io/

Code: https://stackblitz.com/edit/react-emp7kp

If I use the DatePicker wrapper instead, it works fine.

Thanks,

Alice

The DateInput component of the DatePicker widget has been causing our team a few headaches all centering around the format placeholder used on the input. The issues center around:

1. Integration with our form validation framework is difficult as the widget treats all invalid dates as null, including an "empty" date field.
2. The format placeholder makes it impossible to copy+paste a date into the DateInput, which is something our users frequently try to do.

The jQueryUI version of the DatePicker component did not try to do the format placeholder functionality. Is there a way to disable this functionality in the react version of the DatePicker and have the Datenput function as a plain text input when typing?