Telerik Forums
KendoReact Forum
2 answers
226 views

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?

Moises
Top achievements
Rank 1
 answered on 29 Nov 2018
4 answers
217 views

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

Stefan
Telerik team
 answered on 28 Nov 2018
4 answers
81 views

Hi

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

but Filterable, Sortable dose not work

Rohullah
Top achievements
Rank 1
 answered on 27 Nov 2018
1 answer
259 views
I created a react project and added the react kendo UI, after adding kendo-react-drop-down.
After adding I am getting the following issues.

npm install --save @progress/kendo-react-dropdowns

Errors
[12:37:54] Warning - [webpack] 'dist':
./node_modules/@progress/kendo-react-dateinputs/dist/es/calendar/components/Calendar.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../../src/calendar/components/Calendar.tsx': Error: Can't resolve '../../../../src/calendar/components/Calendar.tsx' in 'E:\projects\sharepoint\node_modules@progress\kendo-react-dateinputs\dist\es\calendar\components'
NonErrorEmittedError: (Emitted value instead of an instance of Error) Cannot find source file '../../../../src/calendar/components/Calendar.tsx': Error: Can't resolve '../../../../src/calendar/components/Calendar.tsx' in 'E:\projects\sharepoint\node_modules@progress\kendo-react-dateinputs\dist\es\calendar\components'
Expected/desired behavior

The project is fine with above errors mentioned above. Trying to remove the errors.
Vladimir Iliev
Telerik team
 answered on 26 Nov 2018
7 answers
574 views

Hi, 

 

I have couple of questions related to grid. Can you please help?

 

  1. Is there any event or attribute to uniquely identify row inside grid? I wanted to check a scenario in which if there are multiple records inside the grid and in one of the row one of the column is empty, then it should highlight it.
  2. Is unit testing possible for Grid using Jest? If yes, Can you please provide sample example?

Regards,

Parag

Stefan
Telerik team
 answered on 22 Nov 2018
1 answer
438 views

Hi,

I need to change to color and shape of points/items in the kendo react scatter chart. The default is circles with different colors but i need to change it to shapes of diamond, square, circle and plus.
Can anyone please provide help in this regard.

Thanks

Stefan
Telerik team
 answered on 20 Nov 2018
5 answers
178 views

Hi,

I have couple of general questions for Grid

1) Is it possible to set the width in Percentage to Grid cell? I tried below but it is not working 

       <GridColumn title="Last Name" cell={lastNameCell}  width="50%"/>

2) Onchange : I have created custom cell inside the grid (for example lastNameCell which of type control input Html) and onchange of input I have return     following code 1. In the below code whenever I start typing it invokes grid itemchange event, however with itemchange event I also want to invoke other function which I received from other component

 

Code 1

onChange = (event) => {
        this.props.onChange({
            dataItem: this.props.dataItem,
            field: "FullName",
            syntheticEvent: event.syntheticEvent,
            value: event.target.value
        });
        this.setState({
            data: this.filterData(event.target.value),
            value: event.target.value
        });
    }

For example : My first component is receiving the function from other component, therefore whenever I start editing the controls onchange invokes the function return in other component. later in first component I have added Grid with custom input control, therefore whenever I start editing the control inside the grid it should invoke the grid itemchange as well as the function which I am receiving from other component.

3) For paging, in the example mentioned at below link, if I removed all the records from input js file, the grid still displays the forwarding arrow in enable state. is there any way to disable this? Attached is the screenshot for same

https://stackblitz.com/run/?file=app%2Fwith-state.js

 

Regards,

Parag

 

 

 

Stefan
Telerik team
 answered on 19 Nov 2018
3 answers
520 views
We're using standard master Master-Details Grid to show relations between parent and child records. By our design, there shouldn't be left-hand offset in detail table. Going through your API we didn't find appropriate option to disable it. We tried to hide corresponding <td> element to get required view but columns get inconsistent widths doing this was way:

.k-detail-row.k-hierarchy-cell {
  display: none !important;
}

https://i.imgur.com/ts6Bse4.png

How to disable this offset properly?
Stefan
Telerik team
 answered on 16 Nov 2018
1 answer
38 views

Hi,
Is it possible to set bottomView and topView properties of Calendar in React / DateInputs / DatePicker?

Stefan
Telerik team
 answered on 16 Nov 2018
1 answer
86 views

Hi!

I've noticed that kendo charts still don't support quarter as a base unit. I have found some old topics from 2012-2013 related to Kendo for jQuery where you suggested setting up base unit to 'months' with a step of 3. Is there a better workaround now? Or has this feature been implemented in some other form?

Stefan
Telerik team
 answered on 15 Nov 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?