Telerik Forums
KendoReact Forum
5 answers
195 views

Is there a filter menu trigger function for?

I try to use onExpandChange but not calls it.

I need a function that trigger when filter menu open and close. 

onCloseMenu function works only when I click Clear button but I need a function when filter menu show and hide

Stefan
Telerik team
 answered on 28 May 2020
3 answers
418 views

Hi Team,

I am getting below error when using TabStripTab inside TabStrip component.

 

<div>
            <TabStrip
                selected={this.state.selected}
                onSelect={this.handleSelect}
                tabPosition={this.state.position}>
                <TabStripTab title="Tab 1">
                    This is test
                </TabStripTab>
                <TabStripTab title="Tab 2">
                    This is test2
                </TabStripTab>
            </TabStrip>
          </div>

JSX element type 'TabStripTab' is not a constructor function for JSX elements.
The types returned by 'render()' are incompatible between these types.
Type 'ReactNode' is not assignable to type 'false | Element'.
Type 'string' is not assignable to type 'false | Element'.

 

I checked in the documentation and googled it also but do not find any specific solution for this.

Please let me know if aI am missing any thing here.

 

 

 

Regards,

Sanjay

Ina
Telerik team
 answered on 26 May 2020
1 answer
111 views

     Hi, I have a grid with a custom column. The data for the column is an array of object and I render them as a button which enables me to click and naviagate based on the value I clicked. However, filter doesnt seem to work here. Please advice.

 

https://stackblitz.com/edit/react-pbcysg?file=SampleGrid.jsx

 

Line 813 is the place where the function to render a button is being called.

Stefan
Telerik team
 answered on 25 May 2020
2 answers
362 views
Hello.

I try to create grid localization. 
I've downloaded your local json file from:
https://github.com/telerik/kendo-react-messages/blob/master/messages/en-US/en-US.json
Then i've translated it to my language.
But when i use it in my project i have some fields in English. :(
In column menu:
Filter
Sort Acsending
Sort Decsending

And "And" and "Or" in dropdown.

And "Filter" at the filter button.

Colum menu screen attached.

How can i fix this problem?
Alex
Top achievements
Rank 1
Veteran
 answered on 22 May 2020
2 answers
190 views

Hello!

How can i style a ColumnMenu control?
I dont want create a custm ColumnMenu control, just changed colors of element/ 

Could you get the styles names of ColumnMenu control or some exapmples of styling?

Thank you!

Alex
Top achievements
Rank 1
Veteran
 answered on 21 May 2020
3 answers
101 views

How do you write this in hooks style?

 

https://www.telerik.com/kendo-react-ui/components/editor/content/

 

using class references defies the point of hooks.

Stefan
Telerik team
 answered on 21 May 2020
2 answers
444 views
Hello!
I have a problem:
try to create ColumnMenu

import * as React from 'react';
import {GridColumnMenuSort, 
        GridColumnMenuFilter} from '@progress/kendo-react-grid';
class ColumnMenu extends React.Component {

    render() {

        return (
            <div>
                <GridColumnMenuSort {...this.props} />
                <GridColumnMenuFilter {...this.props} expanded={true} />
            </div>
        );         
    }  
}
export default ColumnMenu; 

but i have compile error:

No overload matches this call.
  Overload 1 of 2, '(props: Readonly<GridColumnMenuSortProps>): GridColumnMenuSort', gave the following error.
    Property 'column' is missing in type '{ children: false; }' but required in type 'Readonly<GridColumnMenuSortProps>'.        
  Overload 2 of 2, '(props: GridColumnMenuSortProps, context?: any): GridColumnMenuSort', gave the following error.
    Property 'column' is missing in type '{ children: false; }' but required in type 'Readonly<GridColumnMenuSortProps>'.

Is it able to use Kendo react Grid with TypeScript?
Alex
Top achievements
Rank 1
Veteran
 answered on 19 May 2020
6 answers
270 views

Selecting date from table filter popup causes to scroll left the table as you can see in my sample.

There is a "First Date" column on my table at the end of right side.

  1. Click the 3 dots next to "First Date" header, you will see the filter popup.
  2. Click the "Select Date" input and a DatePicker will be pops up.
  3. Choose a date from DatePicker.

When you follow these steps, you will see the table suddenly scrolls left and DatePicker closes.

When I remove the method 'GridPageChange' on line 148, table still scrolls to left but DatePicker does not close and I can select date.

If you realize my DatePicker has a time picker. When I select a day from calender, time picker scrolls to current time. I think it triggers the table scroll.

How can I prevent this happen?

https://stackblitz.com/edit/react-tukxso?embed=1&file=app/main.jsx

Stefan
Telerik team
 answered on 19 May 2020
3 answers
1.0K+ views

Hi,

Can I use custom scroll for kendo react grid.

I want to use this scroll package: https://www.npmjs.com/package/react-custom-scrollbars

Stefan
Telerik team
 answered on 19 May 2020
1 answer
233 views

The docs and and the d file states that there is a "PanelBarProps expanded? string[]" but there is no example.

Is there a way to use this to make all PanelBarItems start expanded?

Is this for something else?

Stefan
Telerik team
 answered on 18 May 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?