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?

Hi,

I have problem with Editor component when HTML that is edited has a combination of <br/> and <table> tags. 

When user places cursor on <br/> tag and hits Enter few times (for new line) cursor is always returning to the begining of the document.

This is the StackBlitz where problem can be reproduced:

https://stackblitz.com/edit/react-xybam8-kendo-editor-kbx7fx

and this is the video showing the problem:

https://vimeo.com/303234790

Thanks,

Zarko

Hi,

I am trying to apply css class to the Numeric textbox as shown in below 

   <NumericTextBox
type="text"
  className="input-widget"/>

somehow it is not working. When I inspect the same in inspector, I found that css is not visible as shown in attached screenshot-1. I tried same with Input control and it is working fine.

Can you please help me.

I am trying to set the formatPlaceHolder prop on a DatePicker component using the CustomFormatPlaceHolder object per the docs at:

https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/placeholders/

This does the correct thing in the rendered component, however, setting the formatPlaceHolder with an object causes my tests to fail the prop types check for this component with message:

Is there something I am doing wrong here?

Here is my component:

I would like to implement the Ctrl+A and Shift+Up Arrow/Down Arrow functionality that is available on the jQuery version of the Multiselect widget.

It seems as though the native React Multiselect widget does not support any props for key presses. Is there a way to handle key press events in the Multiselect? Or, is there are any plan to add the Ctrl+A and Shift+Up Arrow/Down Arrow functionality?

Hi,

I tried several different ways to fix this, but I'm not having any luck. I have a grid with 20 columns. When I add my first grouping (which has a checkbox in the groupTemplateHeader), I have no problem clicking on the checkbox and having it check. If I do a subsequent grouping, when I click on the second grouping, it does not check the checkbox and shifts the grid to left. The second click actually checks the checkbox. I have tried to take out the horizontal scrollbar programmatically when grouping is applied and I have tried to make the table-layout fixed. However, nothing does the trick - it still shifts.

I am not having this issue with grids that have less columns and if I bring down the amount of columns in this grid, it's fine.

I have my code attached - please let me know if you have any questions about the components.

Thanks,

Chris

Hi

I'm Using Asp.net Core 2.1 and Reactjs and i completely copy this example

but Filterable, Sortable dose not work