Telerik Forums
KendoReact Forum
2 answers
985 views

I'm facing an issue where I have properties on my objects that contain a datetime, with a specific time. When I try to filter on these columns in the grid they wont be matched properly since the date used for filtering has the time set to 00:00:00. Is there a prop or option to pass the column somehow, to make sure that time is also being taken into the filtering process?

Thanks!

Nikolay
Telerik team
 answered on 28 Feb 2019
1 answer
90 views

How can I add a theme, which only apply for the Kendo UI React Editor in a component and not globally?

I want to be able to set height and width etc.

Vasil
Telerik team
 answered on 28 Feb 2019
12 answers
723 views

I am trying to enable filtering on a date field. Everytime I hit the calendar filter I get

TypeError: Cannot set property 'getCurrentStack' of undefined
sp-webpart-workbench-assembly_en-ie_ece526ae9c4505c559f829872676137b.js:190
TypeError: Cannot set property 'getCurrentStack' of undefined

 

Any help would be fantastic

Nikolay
Telerik team
 answered on 28 Feb 2019
1 answer
113 views

Hi,

I'm having a problem with a warning whenever I try to add "tools" to the Kendo UI Wrapper Editor for React to my component.

How can I fix this?

Here is the react html:

<Editor                                                             
tools = {["italic", "underline", "strikethrough", "justifyLeft", "justifyCenter", "justifyRight", "justifyFull", "insertUnorderedList", "insertOrderedList",
"indent", "outdent", "createLink", "unlink", "insertImage", "insertFile", "subscript", "superscript", "tableWizard", "createTable", "addRowAbove",
"addRowBelow", "addColumnLeft", "addColumnRight", "deleteRow", "deleteColumn", "viewHtml", "formatting", "cleanFormatting", "fontName",
"fontSize", "foreColor", "backColor", "print", "pdf"]}
/>

 

 

Here is the error:

Type 'string[]' is not assignable to type 'EditorTool[]'.
Type 'string' has no properties in common with type 'EditorTool'.ts(2322)

 

index.d.ts(3442, 9): The expected type comes from property 'tools' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes<Editor> & Readonly<{ children?: ReactNode; }> & Readonly<EditorProps>'

Khoa
Top achievements
Rank 1
 answered on 28 Feb 2019
6 answers
129 views

Hello,

Having troubles to make Kendo React  Window working, I googled and found a replacement using a popoup that can be found in npm package react-popout-component. It works well on Chrome, but fails on IE11 & edge. I have setup a sample on Stackblitz to reproduce the issue:

https://stackblitz.com/edit/react-ejq6dj?file=app%2Fmain.js

When one click on the "POP IT OUT!" button, a new popout window is displayed, the grid is rendered after few seconds, then an error appears (on edge) - please find a screenshot in attached picture. 

I was able to link the "Unable to get property 'direction' of undefined or null reference" to the Header.js file, line 31:

var rtl = this.element && (getComputedStyle(this.element).direction === 'rtl') || false;

getComputedStyle(this.element) is either undefined or null.

Any advice would be greatly appreciated,

 

Jean-Pierre

 

 

Vasil
Telerik team
 answered on 28 Feb 2019
1 answer
165 views

Hello,

We have a dynamically created grid which needs to have an excel export feature.

Parent file:

import { ExcelExport } from '@progress/kendo-react-excel-export';

// Below constructor method

export default class EmailClients extends React.Component {
_export;
constructor(props) {
super(props);

export() {
   this._export.save();
}

// In render method

<button title="Export Excel" className="k-button k-primary" onClick={this.export}>Export to Excel</button>

<ExcelExport data={this.props.ctGeographGeoFigures} ref={(exporter) => { this._export = exporter; }}>
    <ClickTrackingGrid dataSource={this.props.ctGeographGeoFigures} />
</ExcelExport>

The Grid component is called like this:

 

Mihai
Top achievements
Rank 1
 answered on 27 Feb 2019
12 answers
312 views

We are looking for a way to display a line graph (numbers for that day plotted against the time during that day) for the "Day" view of the scheduler.

Is there any way to achieve this and if so how would we go about implementing this?

Your help is appreciated!

Mihai
Top achievements
Rank 1
 answered on 26 Feb 2019
1 answer
180 views

I was looking for a rich text editor with KendoReact, and I happened upon the react wrapper for kendo ui.  This confused me.  So is the wrapper just a wrapper around the kendo ui javascript library that lets me use it in a react application whereas KendoReact is a full on react implementation of the components?  Which should we use? Can/should I use BOTH? Is the react wrapper for each kendo ui component limited in any way?  If I can just use the wrapper, why does KendoReact exist?

If I use the wrapper, does the Kendo UI code get included in my webpack bundle.js? or is that a separate include?

Stefan
Telerik team
 answered on 26 Feb 2019
2 answers
248 views

     Hi, 

I'm trying to get the correct date format for different countries in the date picker input field in the grid when entering "edit mode" for the cell containing a date, but I can't find any documentation or examples showing me how to wrap the grid component in the correct way, or what is needed for the IntlProvider to do this for me?

Andreas
Top achievements
Rank 1
 answered on 26 Feb 2019
6 answers
435 views

Hello,

I am getting familiar with Conversational UI to use it with Dialogflow.

Is it possible to have line breaks in the text, if the text consists of 2 or 3 parts. 

I am taking this as the sample project: https://www.telerik.com/kendo-react-ui/components/conversationalui/integrations/dialogflow/

Thanks

Zohair
Top achievements
Rank 1
 answered on 25 Feb 2019
Narrow your results
Selected tags
Tags
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
DatePicker
Styling / Themes
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
LLM Kit
OTP Input
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?