Telerik Forums
KendoReact Forum
5 answers
325 views

In the MultiSelect component in Kendo.Mvc, we have the option of specifying a grouping for the data. Is there a similar option in the React MultiSelect component that I missed?

Thank you,

Stefan
Telerik team
 answered on 14 Dec 2020
12 answers
3.2K+ views

Hi

I am struggeling writing a test controlling the KendoReact ComboBox using react-testing-library. I guess I am not the first trying to achieve that. I am just trying to select the combobox and change the selected value. How can I do that?

 

Regards,

Christian

Stefan
Telerik team
 answered on 11 Dec 2020
1 answer
206 views

I've looked through the forums and it seems this is the expected behavior, but is there a way to have the grid expand to fill the space when columns are locked?

 

Also if we have the first two columns locked is there a way to prevent reordered columns to be placed in between them or before them?

 

Thanks for your help and direction in the past!

 

 

 

Stefan
Telerik team
 answered on 11 Dec 2020
1 answer
117 views

Hi,

The jQuery Grid Checkbox Filter has a search box which can be used to find any entries containing the search string entered (see this demo and type in 'syrup' for example, one result is shown): https://demos.telerik.com/kendo-ui/grid/filter-multi-checkboxes

The GridColumnMenuCheckboxFilter also has a search box, however this appears to only return entries matching or starting with the search string entered (see this demo and type in 'syrup', no results are shown): https://www.telerik.com/kendo-react-ui/components/grid/filtering/#toc-column-menu-filter

Is there any way to change the functionality of the GridColumnMenuCheckboxFilter to match the jQuery implementation?

 

Kind regards,

David

Stefan
Telerik team
 answered on 10 Dec 2020
2 answers
132 views

Hello all,

In my Kendo Grid I have one column that contains a integer's array, the data for the field "groups" looks like this [1, 2, 3, 4]. The column has a custom cell and filter that help displaying the data in a more helpful way, see image attached.

<GridColumn

    field="groups"
    title="Groups"
    cell={MyPublisherGroupsColumn}
    filterCell={MyPublisherGroupFilterCell}
/>

I'm trying to apply a filter for that column with a custom "filterCell", now I have done that multiple times using no complex data types like strings, using the example provided in your documentation(https://www.telerik.com/kendo-react-ui/components/grid/filtering/#toc-custom-filter-cells) but it does not work for an array.

It is possible to implement this filter to work with more complex data types, like an array of numbers or even an array of objects, maybe implementing a custom operator? If possible could you point me in the right direction?

Thanks

 

 

 

Miguel
Top achievements
Rank 1
 answered on 09 Dec 2020
1 answer
97 views

Hi. 

 

I'm trying to use ganttTextfiler.

but When I try filtering serveral times, strange thing happens.

 

 

some of the row, the task-bars are misplaced after filtering action.

I attached image file that explain this issue.

 

 

I think after filtering action, the css ( top, left positions of elements ) that should be applied is not working.

 

 

check my application please.

https://stackblitz.com/edit/react-6rfhx5?file=app%2Fmain.jsx

Stefan
Telerik team
 answered on 08 Dec 2020
1 answer
150 views

Hi,

We are using a KendoReact Grid with pageable and sortable options enabled, and columnMenus for specific columns requiring filtering. We are using the columnMenu approach because we are using the GridColumnMenuCheckboxFilter as recommended here: https://www.telerik.com/kendo-react-ui/components/grid/filtering/

I have some questions regarding keyboard navigation:

  1. The column headers are keyboard-focusable by default and allow for navigation using the Tab key and sorting using the Enter key, however there is no visual indication of which heading has focus. Is there a style that can be set to achieve this?
  2. The paging controls are keyboard-focusable by default and allow for navigation using the Tab key and paging using the Enter key, however there is no visual indication of which control has focus. Is there a style that can be set to achieve this?
  3. We used css to relocate the paging controls to the top of the grid, but they still come after the column headers in keyboard navigation order. Is there anything that can be done to change this?
  4. The column menus are not keyboard-focusable by default, is there anything that can be done to change this?

Kind regards,

David

Stefan
Telerik team
 answered on 08 Dec 2020
1 answer
103 views

Hi,

I am using a datepicker in a form. The form is used for filtering and has a reset button. If I programatically set the value of the datepicker to another value, the value displayed by the datepicker is updated. If I set the datepicker value to undefined (on reset), the underlying value is updated but the value displayed by the datepicker doesn't change. Is this a bug or is there a better way to clear the selected datepicker value?

Kind regards,

David

Kiril
Telerik team
 answered on 08 Dec 2020
10 answers
1.0K+ views
The Kendo documentation on how to implement a checkbox list to filter grid column data uses an example ColumnMenu component with hardcoded data. Is it possible to provide an example of how this can be done using the grid data instead?
Stefan
Telerik team
 answered on 07 Dec 2020
1 answer
91 views
What's the Pros / Cons in comparison to other react frameworks?
Are there any pre-made design / prototyping solutions on the market?
If not, will you be interested in having such product for prototyping within Kenda UI guidelines?
Stefan
Telerik team
 answered on 30 Nov 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?