Telerik Forums
KendoReact Forum
5 answers
823 views

Hi, 

Please provide an example of the Drawer component having children props set

Thanks 

Stefan
Telerik team
 answered on 17 Feb 2020
4 answers
355 views

Hi,

I wan to use your Data Tools Filter component but I need to customize filter items. Each item has a field dropdown, operator dropdown and filter value. My problem is that I have a 50+ fields and the field dropdown is impractical in this situation.

1. Is it possible to replace field dropdown with custom component? e.g. kendo ComboBox?

2. Is it possible to customize field dropdown Popup?

3. Is it possible to open a custom component (e.g. dialog) on "Add Expression" click?

4. There is defaultGroupFilter prop used with Add Group button. Is it possible to customize default field/operator/value for the "Add Expression" button?

Matej
Top achievements
Rank 1
Veteran
 answered on 14 Feb 2020
6 answers
224 views

Hi,

I am working with the Conversational UI for KendoReact.

I can see there is a width prop for that and it works till certain limit. If I want to go over '500px' for width, it is not capturing it.

Is it something that I am doing wrong? 

Can you please provide me a solution for that with dojo?

 

Thank you.

 
Dhruven
Top achievements
Rank 1
Veteran
 answered on 13 Feb 2020
3 answers
1.0K+ views

Hi Team,

I am trying to write unit test for change event of kendo react dropdown component uning jest and enzyme. But not able to perform that is not getting rendered as pure html.

Can you please let us know how to achieve that.

 

Regards,

Mukesh 

Stefan
Telerik team
 answered on 10 Feb 2020
3 answers
87 views
When using the native React version of the Grid, does the library support locking columns that are grouped together under a parent column? My experimentation indicates that it does not.
Stefan
Telerik team
 answered on 10 Feb 2020
5 answers
905 views
Hi, 

I was wondering if there is a way to insert an image inside of a cell on a spreadsheet, I see there is a way to have an image float attached to a cell but I would prefer to have the image itself inside this cell. If this is not viable the floating image will suffice. 

What I am trying to achieve is onClick of a cell it mocks your insert image modal but I have not been able to find the source code of insert image other than the widget doc which doesn't tell me what the functions are doing rather just the arguments. The way I have the onClick working is with a cellEditor which creates the popup but even when passing a input type='file' uploader and passing this data to the cell I can't figure out how to actually show the image that its passing.
Stefan
Telerik team
 answered on 06 Feb 2020
4 answers
158 views

I want to allow a user the ability to select the directory where they want to save an uploaded file. This is probably very easy but,  here is a basic explanation of the user interaction. And the visual aid.

User selects directory for upload, user selects file to upload to said directory.

 

Stefan
Telerik team
 answered on 04 Feb 2020
1 answer
141 views
Anyone know how I could consume an XML web service using a KendoReact Grid?
Stefan
Telerik team
 answered on 03 Feb 2020
1 answer
2.7K+ views

I'm having an issue getting the Checkbox component to work properly with react hooks. I'm not finding many examples online on how to do so. My understanding is the the Checkbox Component should work identically to the HTML input[type=checkbox] element, but doesn't seem to be the case. 

In the code below the first Kendo Checkbox will allow you to check it, but not uncheck it, while the 2nd HTML input[type=checkbox] element works as expected. 

import React from 'react';
import ReactDOM from 'react-dom';
import React, {useState, useEffect} from "react";
import { Checkbox} from "@progress/kendo-react-inputs";
 function App(props) {
  const [checked, setChecked] = useState(false);
  return (
    <div>
          <Checkbox
            label="Checkbox"
            checked={checked}
            onChange={e =>
              setChecked(!checked)
            }
          />
          <input
            type="checkbox"
            checked={checked}
            onChange={e =>
              setChecked(!checked)
            }
          />
    </div>
  );
}
ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);

 

I'm sure I'm missing something very simple, but can't identify it.

Stefan
Telerik team
 answered on 31 Jan 2020
1 answer
550 views
Hi,

I have a scheduler within a dialog. The DayView is defined like this :

<DayView
              slotDuration={60}
              slotDivisions={2}
              startTime={"08:00"}
              endTime={"20:00"}
              workDayStart={"08:00"}
              workDayEnd={"20:00"}
            />


1) The height of each row is too important. How can I reduce the height to avoid scroll (see attached file) ?

2) The endTime/workDayEnd doesn't work (the day ends at 17:00). I see the same behaviour in your documentation : 

https://www.telerik.com/kendo-react-ui/components/scheduler/views/day/

Regards,

Joffrey

Stefan
Telerik team
 answered on 30 Jan 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?