Telerik Forums
KendoReact Forum
1 answer
156 views

Hello!

Is it possible to use a reference for KendoButton? I have a KendoPopup where I need to assign ref.current to the props anchor. But it doesn't work. .current is always undefinedIt works with basic HTML components like div, span, button. I followed the DEMO: https://www.telerik.com/kendo-react-ui/components/popup/. But I need to use KendoButton. Is that possible? With functional components?

I know that I can use, for example, span, div as a child, or as an element near a KendoButton. However, I am interested in a cleaner way.

Well thank you.

Wissam
Telerik team
 answered on 07 Nov 2023
1 answer
53 views
Hello, I tried to use the Kendo TreeList component to render the treeview. The problem is how we can handle subItemsField if the data structure is complicated.

So, for example:
// my data
const blocks = [
 {
      name: 'block1',
      cost: 90,
      failures: [
        {
           ......
           effects: [{}, ....],
           causes: [{
                 .....,
                actions: [],
                controls: [],
           }, .....],
        },
        {
          .....
              effects: [{}, ....],
              causes: [{
                   .....,
                  actions: [],
                  controls: [],
              }, .....],
        }
      ]
  }
]

// kendo data
const a = [
   {
       subITem: [{
               .....
               subITem: [{}, {}, ...]
        }]
   }
]

If the data structure is like kendo data, then, it is easy to use subItemsField property to render treeview via treelist component.
But if it's not, then, how we can handle it? Let me get the answer asap.

I appreciate your help.

Regards
Konstantin Dikov
Telerik team
 answered on 07 Nov 2023
1 answer
60 views

I am aware there is https://github.com/telerik/kendo-react-messages, but the repo doesn't seem to be updated regularly with every new release.

So my question is: What is the best way to maintain translation files and where can I get complete json files for all components as it is documented in https://www.telerik.com/kendo-react-ui/components/grid/globalization/#toc-messages for example?

Wissam
Telerik team
 answered on 06 Nov 2023
1 answer
79 views

Hello Team,

I hope your week is going smoothly. I’m reaching out to you because, I am facing a problem to expand Rows in kendo pivot table. I am using kendo react pivot grid version: 

"@progress/kendo-react-pivotgrid": "^5.9.0",

I want to expand all rows (defalutRowAxes) by default when pivot table is loded. I used concat method to expand rows by default, its working fine for first and second level. For Region and Country fields its working. But, for third level (Category field) its not expanding row by default. I need to expand third field Category by deault as well.

Here is the link of my code: https://codesandbox.io/s/determined-carson-7l99lg

Thanks in Advance

Konstantin Dikov
Telerik team
 answered on 06 Nov 2023
1 answer
93 views
There could be an method on the Form to get the updated data, as it is already updated with each change, it would only be possible to make this callback available. This would avoid creating several onChange methods on the inputs.
Fernando
Top achievements
Rank 1
 updated question on 03 Nov 2023
2 answers
60 views

Hello.

I have a special question. Our users use date control, so they delete the current date / text in the input and enter the whole date with dots manually. But we can't do it like this in react data input. Is it possible for the input to be empty? There was such an option in JQuery, I could enter anything there.

 

For example here: https://demos.telerik.com/kendo-ui/dateinput/api

 

 

Well thank you

Vladislav
Top achievements
Rank 2
Iron
Iron
 answered on 03 Nov 2023
1 answer
37 views
We are exploring the KendoReact library and are specifically interested in file manager toolbar component, and we are wondering if there is a provision to upload the folder via drag and drop.
Wissam
Telerik team
 answered on 02 Nov 2023
1 answer
99 views

Hello everyone,

I'm having an issue when I add a "compare" function in the "group" field of the "State"(which take Array<GroupDescriptor> ).

It doesn't seem to be working as I don't see it in the URL query when I convert it to string from DataSourceRequestState with toDataSourceRequestString. Also the object received in data isn't sorted or process by the function as it should.

I try many things to make it work. I tried to change the function to a string. I even tried to encoded it directly in the URL.

I want to do something a little bit similar to what is on the kendo ui for jQuery on the groupable.sort. Except it will be on the group of State React :

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.groupable.sort.compare

Also, Sorry for my English, it is not my native language.

Thank you,

Konstantin Dikov
Telerik team
 answered on 01 Nov 2023
1 answer
41 views

Hcbc

Konstantin Dikov
Telerik team
 answered on 01 Nov 2023
2 answers
53 views

Hi guys,

I'm trying to style a <Pager pageSizes> dropdown popup.

Is there any way to add a className to it? Or the only workaround is to create a complete custom Pager to do so?

Thanks!

Pablo
Top achievements
Rank 1
Iron
 answered on 30 Oct 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?