Telerik Forums
KendoReact Forum
5 answers
894 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
388 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
268 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
108 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
1.0K+ 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
187 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
170 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.8K+ 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
605 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
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
Styling / Themes
DatePicker
Editor
TreeList
Styling
PDF Processing
ComboBox
Excel Export
Dialog
Input
TreeView
Upload
Drawer
Button
Drag and Drop
MultiSelect
Tooltip
Accessibility
NumericTextBox
Checkbox
Menu
Gantt
DateTimePicker
PDF Viewer
Popup
Window
AutoComplete
DateInput
Sortable
Data Query
Licensing
TabStrip
Drawing
Calendar
Pager 
Labels 
Localization
TimePicker
GridLayout
FontIcon
Animation
PanelBar
TaskBoard
PivotGrid
Card
DropDownButton
Conversational UI 
DateRangePicker
Splitter
Badge 
Security
Slider
Spreadsheet
ContextMenu
MultiViewCalendar
Stepper
MultiColumnComboBox
MultiSelectTree
TextBox
AppBar
File Saver
ListView
MaskedTextBox
RadioButton
Switch
TextArea
Toolbar
DropDownTree
TileLayout
Map
Avatar
Date Math
Gauge
RadioGroup
RangeSlider
Rating
Loader
ExpansionPanel
SvgIcon
Typography
ProgressBar
ScrollView
Popover
StockChart
RadialGauge
Server Components
AIPrompt
Page Templates / Building Blocks
AI Coding Assistant
Chat
ColorGradient
ColorPalette
ColorPicker
Notification
Ripple
Skeleton
ButtonGroup
Chip
ChipList
FloatingActionButton
SplitButton
ActionSheet
Barcode
QR Code
FlatColorPicker
Signature
BottomNavigation
BreadCrumb
StackLayout
Timeline
ListBox
ChunkProgressBar
Sparkline
FileManager
ArcGauge
CircularGauge
LinearGauge
ExternalDropZone
OrgChart
Sankey
VS Code Extension
InlineAIPrompt
SpeechToTextButton
Chart Wizard
Agentic UI Generator
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?